diff --git a/docs/src/global.css b/docs/src/global.css
index c653b88f..113aae3f 100644
--- a/docs/src/global.css
+++ b/docs/src/global.css
@@ -35,11 +35,6 @@ html[theme="g90"] .code-override {
   overflow-x: auto;
 }
 
-/* Override to accommodate mandatory footer */
-.bx--header~.bx--side-nav {
-  height: calc(100% - 100px);
-}
-
 /* Addig this to the layout grid fixes overstretching. */
 .fix-overflow {
   min-width: 0;
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index 58588e70..e5913d49 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -313,10 +313,17 @@
 </Content>
 
 <footer>
-  <dds-footer-container disable-locale-button="true" size="micro" />
+  <dds-footer-container disable-locale-button="true" size="micro"
+  ></dds-footer-container>
 </footer>
 
 <style>
+  @media (min-width: 1056px) {
+    footer {
+      margin-left: 256px;
+    }
+  }
+
   p {
     margin-bottom: var(--cds-spacing-05);
   }