diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 9697b32..c8d845f 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -13,7 +13,7 @@ const Sidebar = ({
   return (
     <FixedSidebar
       id="sidebar"
-      width={expand ? 193 : 56}
+      width={expand ? 165 : 56}
       collapsible
       font={font}
       onClick={rest.onClick}
diff --git a/src/components/layout/styled.tsx b/src/components/layout/styled.tsx
index ea532ba..a531586 100644
--- a/src/components/layout/styled.tsx
+++ b/src/components/layout/styled.tsx
@@ -24,7 +24,7 @@ const StyledContainer = ({ id, expanded, children, ...props }: ContainerProps) =
 );
 
 export const MainContainer = styled(StyledContainer)`
-  padding-left: ${(props) => (props.expanded ? '193px' : '56px')};
+  padding-left: ${(props) => (props.expanded ? '165px' : '56px')};
   height: calc(100% - 32px);
   margin-top: 32px;
   overflow-y: auto;