Placed social icons into column on site - how do I increase space between them?

Site URL: https://chrisdixonfoto.com

I used the following code but want to increase the space between each icon - how do I do that? 

.header-actions-action--social  {
 flex-direction: column;
 position:fixed;
 left:-1vw; top:50vh;
 background:#000000;
 padding:1vw;
 border:1px solid #fff;}

.header-actions--right .header-actions-action--social .icon:first-child{margin-left:1vw}

Try this CSS:

.header-actions--right .header-actions-action--social .icon {
    height: 30px;
}

13 hours ago, Ziggy said:

Try this CSS:

.header-actions--right .header-actions-action--social .icon {
    height: 30px;
}

Many thanks - now working perfectly!