fix sidebar height

3 years ago · 7bdb391b9a
1 changed files with 11 additions and 4 deletions
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@ -9,14 +9,21 @@ const Sidebar = ({
  handleSidebarSelect,
 }: any) => {
  return (
-    <FixedSidebar id="sidebar" width={expand ? 193 : 56} collapsible>
-      <Sidenav
-        expanded={expand}
-        appearance="default"
+    <FixedSidebar
+      id="sidebar"
      style={{
        height: 'calc(100% - 122px)',
+      }}
+      width={expand ? 193 : 56}
+      collapsible
+    >
+      <Sidenav
+        style={{
+          height: '100%',
          borderRight: '1px solid #48545c',
        }}
+        expanded={expand}
+        appearance="default"
      >
        <Sidenav.Header />
        <Sidenav.Body>