diff --git a/packages/status-react/src/components/main-sidebar/index.tsx b/packages/status-react/src/components/main-sidebar/index.tsx
index a843451c..13619c49 100644
--- a/packages/status-react/src/components/main-sidebar/index.tsx
+++ b/packages/status-react/src/components/main-sidebar/index.tsx
@@ -22,15 +22,15 @@ export const MainSidebar = () => {
 }
 
 const Wrapper = styled('div', {
+  display: 'none',
   width: 304,
   flexShrink: 0,
   flexDirection: 'column',
   padding: '10px 16px',
-  display: 'none',
   backgroundColor: '$gray-4',
   overflowY: 'scroll',
 
-  '@medium': {
+  '@large': {
     display: 'flex',
   },
 })
diff --git a/packages/status-react/src/components/member-sidebar/index.tsx b/packages/status-react/src/components/member-sidebar/index.tsx
index 790bf7d1..65885638 100644
--- a/packages/status-react/src/components/member-sidebar/index.tsx
+++ b/packages/status-react/src/components/member-sidebar/index.tsx
@@ -53,7 +53,7 @@ const Wrapper = styled('div', {
   backgroundColor: '$gray-4',
   overflowY: 'scroll',
 
-  '@medium': {
+  '@large': {
     display: 'block',
   },
 })