diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/index.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/index.tsx
index 389037b34..a174c01ac 100644
--- a/packages/docz-theme-default/src/components/shared/Sidebar/index.tsx
+++ b/packages/docz-theme-default/src/components/shared/Sidebar/index.tsx
@@ -18,7 +18,7 @@ const Wrapper = styled('div')`
   position: relative;
   flex-direction: column;
   height: 100%;
-  background: ${p => p.theme.colors.grayLight};
+  background: ${p => wrapperToggle(p) !== '0' ? p.theme.colors.white : p.theme.colors.grayLight};
   transition: transform 0.3s, background 0.3s;
   transform: translateX(${wrapperToggle});
   z-index: 99;