increase footer height

src/components/layout/Sidebar.tsx

@@ -9,14 +9,7 @@ const Sidebar = ({
   handleSidebarSelect,
 }: any) => {
   return (
-    <FixedSidebar
+    <FixedSidebar id="sidebar" width={expand ? 193 : 56} collapsible>
-      id="sidebar"
-      style={{
-        height: 'calc(100% - 122px)',
-      }}
-      width={expand ? 193 : 56}
-      collapsible
-    >
       <Sidenav
         style={{
           height: '100%',

src/components/layout/styled.tsx

@@ -29,7 +29,7 @@ export const MainContainer = styled(StyledContainer)`
 `;
 
 export const RootFooter = styled(Footer)`
-  height: 80px;
+  height: 88px;
 `;
 
 // Titlebar.tsx
@@ -107,5 +107,5 @@ export const FixedSidebar = styled(Sidebar)`
   position: fixed;
   top: 33px;
   z-index: 1;
-  height: 100%;
+  height: calc(100% - 130px);
 `;