From 9cc8d5082bc01c7aec405568f5a4b7afe3c6d08d Mon Sep 17 00:00:00 2001
From: Raju kadel <rajukadel.github@gmail.com>
Date: Wed, 25 Sep 2024 09:15:05 +0545
Subject: [PATCH] fix: overflow issue in sidebar

---
 src/components/dashboard/sidebar/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/sidebar/index.tsx b/src/components/dashboard/sidebar/index.tsx
index 7650cf8d3..f35af63a8 100644
--- a/src/components/dashboard/sidebar/index.tsx
+++ b/src/components/dashboard/sidebar/index.tsx
@@ -212,14 +212,14 @@ export function SideBar({ className, publicId, companies }: SideBarProps) {
   return (
     <ScrollArea className="h-screen px-3">
       <div className={cn("pb-12", className)}>
-        <div className="fixed gap-y-4 py-4">
+        <div className="fixed h-screen gap-y-4 py-4 mb-2">
           <div className="flex items-center px-1 py-2">
             <CaptableLogo className="h-7 w-auto" />
 
             <CompanySwitcher companies={companies} publicId={publicId} />
           </div>
 
-          <div className="overflow-auto py-2">
+          <div className="overflow-auto h-full pt-2 pb-8">
             <ul className="space-y-1">
               {navigation.map((item) => {
                 const href = basePath + item.href;