diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss
index d546988..646deaa 100644
--- a/packages/logos-docusaurus-theme/src/client/css/custom.scss
+++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss
@@ -228,6 +228,10 @@
   --ifm-hero-background-color: #f8f8fa;
   --ifm-hero-text-color: var(--ifm-color-black);
 
+  --desktop-footer-gap: 200px;
+  --mobile-footer-gap: 144px;
+  --doc-grid-gap: 16px;
+  
   --ifm-table-background: transparent !important;
   --ifm-table-stripe-background: transparent !important;
 
@@ -264,6 +268,10 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+main {
+  min-height: calc(100vh - var(--ifm-navbar-height) - var(--content-padding));
+}
+
 svg * {
   fill: rgb(var(--lsd-text-primary));
 }
@@ -750,8 +758,10 @@ table {
 
 @include utils.responsive('lg', 'up') {
   .main-wrapper {
-    main > .container {
-      padding-bottom: 200px !important;
+    .container {
+      padding-bottom: calc(
+        var(--desktop-footer-gap) - var(--ifm-footer-padding-vertical)
+      ) !important;
     }
 
     & > div {
@@ -819,6 +829,17 @@ table {
   }
 }
 
+@include utils.responsive('xl', 'down') {
+  .main-wrapper {
+    main > .container {
+      padding-bottom: calc(
+        var(--desktop-footer-gap) - var(--ifm-footer-padding-vertical) -
+          var(--doc-grid-gap)
+      ) !important;
+    }
+  }
+}
+
 .container {
   padding-inline: var(--content-padding);
 }
@@ -977,8 +998,13 @@ table {
 }
 
 @include utils.responsive('lg', 'down') {
-  main > .container {
-    padding-bottom: 84px !important;
+  .main-wrapper {
+    main > .container {
+      padding-bottom: calc(
+        var(--mobile-footer-gap) - var(--ifm-footer-padding-vertical) -
+          var(--doc-grid-gap)
+      ) !important;
+    }
   }
 
   .grid {
diff --git a/packages/logos-docusaurus-theme/src/client/theme/DocItem/Layout/styles.module.scss b/packages/logos-docusaurus-theme/src/client/theme/DocItem/Layout/styles.module.scss
index 043f1f6..5b366f5 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/DocItem/Layout/styles.module.scss
+++ b/packages/logos-docusaurus-theme/src/client/theme/DocItem/Layout/styles.module.scss
@@ -39,7 +39,7 @@
   .docItemGrid {
     display: grid;
     grid-template-columns: repeat(11, 1fr);
-    gap: 16px;
+    gap: var(--doc-grid-gap);
   }
 
   .docItemCol {
@@ -51,7 +51,7 @@
   .docItemGrid {
     display: grid;
     grid-template-columns: repeat(19, 1fr);
-    gap: 16px;
+    gap: var(--doc-grid-gap);
   }
 
   .docItemCol {