diff --git a/website/assets/css/_inner.css b/website/assets/css/_inner.css
index 4cb94885f7929..6d9025cf6fa5c 100644
--- a/website/assets/css/_inner.css
+++ b/website/assets/css/_inner.css
@@ -6,7 +6,7 @@
   position: relative;
   width: 100%;
 
-  @media (min-width: 768px) {
+  @media (min-width: 940px) {
     flex-direction: row;
     margin-top: 72px;
     margin-bottom: 72px;
@@ -14,16 +14,24 @@
 }
 
 #inner {
-  flex: 1;
-  margin: 100px 0;
+  margin: 64px 0;
   overflow: auto;
+  width: 100%;
 
-  @media (min-width: 768px) {
+  @media (min-width: 940px) {
+    flex: 1;
     margin: 0;
   }
 
-  & .g-content > h1:first-child {
-    margin-top: 0;
+  & .g-content {
+    @media (max-width: 939px) {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    & > h1:first-child {
+      margin-top: 0;
+    }
   }
 
   & .g-section-header {
diff --git a/website/assets/package.json b/website/assets/package.json
index 3ce6af08a5a70..fbe78e1e54925 100644
--- a/website/assets/package.json
+++ b/website/assets/package.json
@@ -12,7 +12,7 @@
     "@hashicorp/hashi-callouts": "^2.0.5",
     "@hashicorp/hashi-content": "^0.1.0",
     "@hashicorp/hashi-consent-manager": "^1.0.5",
-    "@hashicorp/hashi-docs-sidenav": "^0.3.0",
+    "@hashicorp/hashi-docs-sidenav": "^1.0.2",
     "@hashicorp/hashi-docs-sitemap": "^0.1.4",
     "@hashicorp/hashi-footer": "1.1.2",
     "@hashicorp/hashi-ga-form-fields": "1.0.2",