diff --git a/www/src/assets/style.css b/www/src/assets/style.css
index 8214e15..a4145a9 100644
--- a/www/src/assets/style.css
+++ b/www/src/assets/style.css
@@ -86,9 +86,11 @@ body {
   background: var(--bg);
   color: var(--fg);
   display: grid;
+  box-sizing: border-box;
+  overflow: hidden;
 
   grid-template-columns: 200px 1fr;
-  grid-template-rows: 1fr 160px;
+  grid-template-rows: 1fr 130px;
 
   > header {
     grid-column: 1;
@@ -157,7 +159,7 @@ body {
   }
 
   > footer {
-    height: 160px;
+    height: 130px;
     grid-column: 1 / 3;
     background-color: var(--alt-bg);
     border: 3px ridge gray;
@@ -165,24 +167,24 @@ body {
     padding: 5px;
     margin-bottom: 0;
     display: grid;
-    grid-template-columns: 20fr 1fr; /* icky hack */
-    grid-template-rows: min-content;
+    grid-template-columns: 1fr 88px;
+    grid-template-rows: min-content 1fr;
 
-    div {
+    > div, > div > div {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       justify-content: flex-start;
-    }
+      
+      > footnote > * { margin-top: 2px; }
 
-    > footnote > * { margin-top: 2px; }
-
-    a {
-      margin: 0 !important;
-      display: flex;
-      float: right;
-      width: 88px;
-      height: 31px;
+      > a {
+        margin: 0 !important;
+        display: flex;
+        float: right;
+        width: 88px;
+        height: 31px;
+      }
     }
   } 
 } 
diff --git a/www/src/templates/footer.hy b/www/src/templates/footer.hy
index a18a711..9be0b3a 100644
--- a/www/src/templates/footer.hy
+++ b/www/src/templates/footer.hy
@@ -1,18 +1,21 @@
 (import utils [run])
 
 (defn footer [] 
-  `(footer 
+  `(footer
     (div 
-      "page rendered at $[date +%s]"
-      (br)
-      "page compiled at " ~(run "date +%s"))
-    (img (:src "/assets/88x31/natalieee.net.png" :alt "natalieee.net 88x31" :width "88" :height "31"))
+      (div 
+        "page rendered at $[date +%s]" (br)
+        "page compiled at " ~(run "date +%s"))
+      (div 
+        (footnote (:style "margin-top: 5px") "all content, with the exception of 88x31 buttons or unless otherwise noted is created by natalie and is licensed under a CC BY-NC-SA 4.0 license.")))
+    (div
+      (img (:src "/assets/88x31/natalieee.net.png" :alt "natalieee.net 88x31" :width "88" :height "31"))
+      (a (:href "https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en")
+        (img (:src "/assets/88x31/by-nc-sa.png" :alt "license 88x31" :width "88" :height "31"))))
     (div 
-      (footnote (:style "margin-top: 5px") "all content, with the exception of 88x31 buttons or unless otherwise noted is created by natalie and is licensed under a CC BY-NC-SA 4.0 license."))
-    (a (:href "https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en")
-      (img (:src "/assets/88x31/by-nc-sa.png" :alt "license 88x31" :width "88" :height "31")))
-    (footnote (:style "margin-top: 5px") "▖▖▖▖▘▖▖▖▖▘▌▖▖▖▘"
-      (div (:style "flex-direction: row; width: 14ch; gap: 1ch; margin-right: 5px;") 
-        (a (:href "https://stellophiliac.github.io/roboring/0x6e6174/previous") "<-")
-        (a (:href "https://stellophiliac.github.io/roboring") "roboring")
-        (a (:href "https://stellophiliac.github.io/roboring/0x6e6174/next") "->")))))
+      (footnote (:style "margin-top: 5px") "▖▖▖▖▘▖▖▖▖▘▌▖▖▖▘")
+      (footnote (:style "margin-top: 5px")
+        (div (:style "flex-direction: row; width: 14ch; gap: 2ch; margin-right: 5px;") 
+          (a (:href "https://stellophiliac.github.io/roboring/0x6e6174/previous") "<-")
+          (a (:href "https://stellophiliac.github.io/roboring") "roboring")
+          (a (:href "https://stellophiliac.github.io/roboring/0x6e6174/next") "->"))))))