diff --git a/src/layout/LayoutSidebar.jsx b/src/layout/LayoutSidebar.jsx
index e5fc25c..5a1353e 100644
--- a/src/layout/LayoutSidebar.jsx
+++ b/src/layout/LayoutSidebar.jsx
@@ -7,7 +7,7 @@ const { Sider } = Layout;
 const LayoutSidebar = () => {
     return (
         <Sider
-            width={300}
+            width={210}
             breakpoint="lg"
             collapsedWidth="0"
             onBreakpoint={(broken) => {
diff --git a/src/layout/MainLayout.jsx b/src/layout/MainLayout.jsx
index f752177..5cc73fe 100644
--- a/src/layout/MainLayout.jsx
+++ b/src/layout/MainLayout.jsx
@@ -20,7 +20,7 @@ const MainLayout = ({ children }) => {
             <LayoutSidebar />
             <Layout
                 style={{
-                    marginLeft: isDesktop ? '300px' : '0',
+                    marginLeft: isDesktop ? '210px' : '0',
                     overflow: 'auto',
                 }}
             >