diff --git a/assets/css/main.css b/assets/css/main.css
index 00fcfb4..08dd5d2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -171,11 +171,13 @@ footer {
 .soc {
   display: flex;
   align-items: center;
-  padding-right: 1rem;
-  margin-right: 1rem;
-  border-right: 2px solid;
   border-bottom: none;
 }
+.border {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  border: 1px solid;
+}
 .footer-info {
   padding: var(--footer-padding);
 }
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 24ed9e1..04eaa79 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,6 +2,7 @@
   <div style="display:flex">
     {{- range $index, $key := .Site.Params.Social -}}
     <a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>
+    <a class="border"></a>
     {{- end -}}
   </div>
   <div class="footer-info">