diff --git a/docs/src/global.css b/docs/src/global.css
index a75bb70e..ae82aba1 100644
--- a/docs/src/global.css
+++ b/docs/src/global.css
@@ -246,7 +246,6 @@ main.bx--content {
 
 @media (max-width: 1056px) {
   .bx--side-nav ~ .bx--content {
-    margin-left: 0;
     padding-left: 1rem;
     padding-right: 1rem;
   }
diff --git a/src/UIShell/SideNav.svelte b/src/UIShell/SideNav.svelte
index 6dbadb32..fa02f15c 100644
--- a/src/UIShell/SideNav.svelte
+++ b/src/UIShell/SideNav.svelte
@@ -74,3 +74,9 @@
 >
   <slot />
 </nav>
+
+<style>
+  :global(.bx--side-nav--collapsed ~ .bx--content) {
+    margin-left: 0;
+  }
+</style>