Decrease width of expanded sidebar from 193 -> 165

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}

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;