diff --git a/_layouts/shr4pnel.html b/_layouts/shr4pnel.html
index 4371436..fb491d9 100644
--- a/_layouts/shr4pnel.html
+++ b/_layouts/shr4pnel.html
@@ -40,11 +40,11 @@
         </div>
         <div id="socials">
             <h2 class="highlighted">socials</h2>
-            <div>
+            <div class="social-links">
                 <div class="fake-logo"></div>
                 <a href="mailto:admin@shr4pnel.com">My email</a>
             </div>
-            <div>
+            <div class="social-links">
                 <img
                         src="/assets/graphics/github-mark.svg"
                         alt="github logo"
@@ -55,13 +55,13 @@
                     github/shrapnelnet
                 </a>
             </div>
-            <div>
+            <div class="social-links">
                 <img src="/assets/graphics/mastodon.svg" alt="mastodon logo" width="32" height="32"/>
                 <a href="https://comp.lain.la/users/tyler" target="_blank" rel="noreferrer">
                     @tyler@comp.lain.la
                 </a>
             </div>
-            <div>
+            <div class="social-links">
                 <img src="/assets/graphics/rss_optimised.png" alt="rss logo" width="32" height="32"/>
                 <a href="/feed.xml">RSS feed</a>
             </div>
diff --git a/assets/css/index.css b/assets/css/index.css
index 0044a30..67abfc6 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -172,6 +172,10 @@ div.friend-container.lain > a > img {
     height: 60px;
 }
 
+div.social-links > a {
+    text-align: left;
+}
+
 @media only screen and (max-width: 900px) {
     .card {
         min-width: unset;