From cb8ffcbb6a8ae7dde67ddbcf35c52d4e699b00d5 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 16 Oct 2021 06:05:25 -0700
Subject: [PATCH] Decrease width of expanded sidebar from 193 -> 165

---
 src/components/layout/Sidebar.tsx | 2 +-
 src/components/layout/styled.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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;