diff --git a/index.html b/index.html
index c6139cb..557cbf2 100644
--- a/index.html
+++ b/index.html
@@ -79,6 +79,11 @@
     display: inline-flex;
     text-align: center;
     flex-direction: column;
+
+    .divider {
+      border-top: 1px dashed var(--l2); 
+      margin: 0.7em 2em 1em 2em;
+    }
   }
 
 </style>
@@ -128,19 +133,20 @@
     <footer>
       <section>
         <h2>other creatures</h2>
+        <p></p>
         <div class="friends">
+          <!-- Others -->
+          <div>
+            <a href="https://stardust.elysium.gay" target="_blank"><img src="/88x31/stardust.png" width="88" height="31" alt="Stardust" /></a>
+            <a href="https://sneexy.pages.gay" target="_blank"><img src="/88x31/sneexy.gif" alt="Sneexy"></a>
+          </div>
           <!-- self row (hi, please feel free to use these <3) -->
+          <div class="divider"></div>
           <div>
             <a href="https://noe.sh" target="_blank"><img src="/yay/88x31.png" width="88" height="31" alt="noe" /></a>
             <a href="https://noe.sh/pronouns/" target="_blank"><img src="/yay/88x31-vp.png" width="88" height="31" alt="it/its" /></a>
             <img src="/yay/88x31-nap.png" width="88" height="31" alt="not a person" />
             <a href="https://sapphic.engineer" target="_blank"><img src="/yay/88x31-se.png" width="88" height="31" alt="sapphic.engineer" /></a>
-
-          </div>
-          <!-- Others -->
-          <div>
-            <a href="https://stardust.elysium.gay" target="_blank"><img src="/88x31/stardust.png" width="88" height="31" alt="Stardust" /></a>
-            <a href="https://sneexy.pages.gay" target="_blank"><img src="/88x31/sneexy.gif" alt="Sneexy"></a>
           </div>
         </div>
       </section>