From 8b3aa72f1cd695e57f3ac9dab64012edca9a44aa Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Tue, 17 Jan 2023 13:17:48 +0900
Subject: [PATCH] Fix sidebar width (300 -> 256)

---
 .../Dashboard/Wrappers/Sidebar/Sidebar.tsx         | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
index caf761b5c..1603de044 100644
--- a/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
+++ b/src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
@@ -13,18 +13,10 @@ export const DashboardSidebar = ({ location, isGridstackReady }: DashboardSideba
   const {
     cx,
     classes: { card: cardClass },
-  } = useCardStyles(false);
+  } = useCardStyles(true);
 
   return (
-    <Card
-      p={0}
-      m={0}
-      radius="lg"
-      className={cardClass}
-      style={{ borderStyle: 'dashed' }}
-      w={300}
-      withBorder
-    >
+    <Card p={0} m={0} radius="lg" className={cardClass} withBorder>
       {isGridstackReady && <SidebarInner location={location} />}
     </Card>
   );
@@ -50,7 +42,9 @@ const SidebarInner = ({ location }: DashboardSidebarInnerProps) => {
       className="grid-stack grid-stack-sidebar"
       style={{
         transitionDuration: '0s',
+        minWidth: 256,
         height: '100%',
+        width: '100%',
       }}
       data-sidebar={location}
       // eslint-disable-next-line react/no-unknown-property