diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index ccff6df..0a240f0 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,10 +1,8 @@
 <footer class="site">
-  <div>
-    <ul class="slogans">
-      <li>Trans rights are human rights.</li>
-      <li>Black lives matter.</li>
-      <li>Get vaccinated.</li>
-    </ul>
-    <p>Copyright © <time datetime="{{ now.Year }}">{{ now.Year }}</time> <a href="{{ `` | absURL }}">Eryn Wells</a></p>
-  </div>
+  <ul class="slogans">
+    <li>Trans rights are human rights.</li>
+    <li>Black lives matter.</li>
+    <li>Get vaccinated.</li>
+  </ul>
+  <p>Copyright © <time datetime="{{ now.Year }}">{{ now.Year }}</time> <a href="{{ `` | absURL }}">Eryn Wells</a></p>
 </footer>
diff --git a/static/styles/root.css b/static/styles/root.css
index 2bc3f55..3253e8e 100644
--- a/static/styles/root.css
+++ b/static/styles/root.css
@@ -197,18 +197,11 @@ footer.site {
     display: flex;
     flex-direction: column;
     font-size: 1.6rem;
-    margin-block-start: 2rem;
+    margin-block: var(--body-item-spacing);
     text-align: center;
 }
 
-footer.site > div {
-    border-top: 1px solid var(--footer-border-color);
-    padding-block-start: 2rem;
-    max-width: var(--content-width);
-    width: 100%;
-}
-
-footer.site ul {
+footer.site > ul {
     align-items: center;
     display: flex;
     flex-wrap: wrap;
@@ -216,11 +209,11 @@ footer.site ul {
     list-style: none;
 }
 
-footer.site .slogans li {
+footer.site > .slogans > li {
     margin-inline-start: 0.5em;
 }
 
-footer.site p {
+footer.site > p {
     margin: 0;
 }