diff --git a/exampleSite/content/basics/migration/_index.en.md b/exampleSite/content/basics/migration/_index.en.md
index 20b8e1e948..fd01f64e39 100644
--- a/exampleSite/content/basics/migration/_index.en.md
+++ b/exampleSite/content/basics/migration/_index.en.md
@@ -18,6 +18,14 @@ This document shows you what's new in the latest release. For a detailed list of
 
 ---
 
+## 5.21.0 (2023-09-03) {#5210}
+
+- {{% badge style="note" title=" " %}}Change{{% /badge %}} We made changes to the menu footer. If you have your `menu-footer.html` [partial overridden]({{%relref "basics/customization" %}}), you may have to review the styling (eg. margins/paddings) in your partial.
+
+  This change was made to simplify common use cases. Care was taken not to break your existing overwritten footer.
+
+---
+
 ## 5.20.0 (2023-08-26) {#5200}
 
 - {{% badge style="note" title=" " %}}Change{{% /badge %}} The theme has updated its Swagger dependency to 5.4.1 for the [`openapi` shortcode]({{% relref "shortcodes/openapi" %}}).
diff --git a/exampleSite/layouts/partials/menu-footer.html b/exampleSite/layouts/partials/menu-footer.html
index 069a1fed3b..ed8e183396 100644
--- a/exampleSite/layouts/partials/menu-footer.html
+++ b/exampleSite/layouts/partials/menu-footer.html
@@ -1,21 +1,5 @@
 
-          <style>
-            #footer {
-              font-size: .8125rem;
-              height: 6.25rem;
-              margin-left: auto;
-              margin-right: auto;
-              padding: 2rem 1rem;
-              text-align: center;
-              min-width: 14.375rem;
-              max-width: 18.75rem;
-            }
-            #footer p {
-              margin: 0;
-            }
-          </style>
-          <span class="github-buttons">
-          </span>
+          <span class="github-buttons"></span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
             function githubButtonsScheme(){
diff --git a/static/css/theme.css b/static/css/theme.css
index d6617887d3..47f8dacf6f 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -257,6 +257,27 @@ dd {
     padding: 0 1rem;
 }
 
+.footerFooter {
+    font-size: .8125rem;
+    padding-top: 2rem;
+    padding-bottom: .75rem;
+    text-align: center;
+}
+
+.footerFooter > * {
+    margin: 0 auto;
+}
+
+#footer > hr:first-child {
+    margin-top: 0;
+}
+
+/* increase specifity to override following #content-wrapper hr style */
+#footer > hr:nth-child(n) {
+    margin-left: 0;
+    margin-right: 0;
+}
+
 #sidebar ul {
     list-style: none;
     padding: 0;