From f9abfc56d8ef64380cc5c8fb32662c3d21100fa1 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Thu, 14 Apr 2022 16:18:31 +0200
Subject: [PATCH] feat(react): update media query for sidebars

---
 packages/status-react/src/components/main-sidebar/index.tsx   | 4 ++--
 packages/status-react/src/components/member-sidebar/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

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',
   },
 })