From 50d488333745a49a4947dd1bfc1e3945955d3ba2 Mon Sep 17 00:00:00 2001
From: Will Bicks <will@willbicks.com>
Date: Mon, 18 Jul 2022 19:54:49 -0500
Subject: [PATCH] fix(side-nav): Remove content left margin when side nav
 collapsed Fixes #1145

---
 docs/src/global.css        | 1 -
 src/UIShell/SideNav.svelte | 6 ++++++
 2 files changed, 6 insertions(+), 1 deletion(-)

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>