diff --git a/sass/base.scss b/sass/base.scss
index acaf10c..f3dbcb9 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -51,7 +51,7 @@ section, article, footer {
     justify-content: space-between;
 }
 
-section {
+section, div {
     &.posts, &.pages {
         padding: 1rem;
         margin: .5rem .5rem;
@@ -129,12 +129,18 @@ footer {
     margin: .5rem .5rem;
     border: 2px solid var(--foreground);
     
-    section {
+    div {
+        margin-top: 1rem;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 1rem;
 
+        &.indieweb-buttons, &.indieweb-webring {
+            flex-direction: row;
+            margin-top: 0;
+        }
+
         hr {
             width: 100%;
         }
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index a32bd99..0a3a4f7 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -1,7 +1,7 @@
 <footer>
     <p class="section-title">footer</p>
 
-    <section>
+    <div>
         <ul class="unmarked">
             <li><a href="/feeds">rss</a></li>
             <li><a href="mailto:contact@legoraft.com">email</a></li>
@@ -23,5 +23,5 @@
                 <img class="pixelated" src="/images/buttons/personal/more-button.png" alt="[More...]">
             </a>
         </div>
-    </section>
+    </div>
 </footer>