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