From 5ae467b0a59aa8e7f741675c28cb75800bf41bb2 Mon Sep 17 00:00:00 2001
From: Johnny Tan <jonnytan0818@gmail.com>
Date: Fri, 12 Apr 2024 00:59:53 -0400
Subject: [PATCH] fixed scrollbar styling

---
 src/components/Sidebar.tsx                     | 2 +-
 src/components/container/DropDownContainer.tsx | 2 +-
 src/components/user/AddFile.tsx                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 9fa02836..55c1e052 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -115,7 +115,7 @@ const Sidebar = (props: ISideBar) => {
           <line x1="4" y1="17" x2="20" y2="17" />
         </svg>
         {sidebarVisible && (
-          <div className="fixed left-0 top-0 z-50 h-full w-64 overflow-y-scroll drop-shadow-lg lg:overflow-y-hidden">
+          <div className="fixed left-0 top-0 z-50 h-full w-64 overflow-y-auto drop-shadow-lg lg:overflow-y-hidden">
             <_Sidebar {...props} />
           </div>
         )}
diff --git a/src/components/container/DropDownContainer.tsx b/src/components/container/DropDownContainer.tsx
index 01ccd75e..b6a7f920 100644
--- a/src/components/container/DropDownContainer.tsx
+++ b/src/components/container/DropDownContainer.tsx
@@ -26,7 +26,7 @@ const DropDownContainer = (props: DropDownContainerProps) => {
         {props.title}
       </div>
       <div
-        className={`overflow-scroll ${
+        className={`overflow-auto ${
           showItems ? "max-h-[512px] md:max-h-[1024px]" : "max-h-0"
         }`}
         style={
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index e90a18cb..392762dd 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -122,7 +122,7 @@ const AddFile = ({
   }
 
   return !error ? (
-    <Popup className="h-[32rem] w-full overflow-y-scroll sm:h-[44rem] sm:w-[36rem]">
+    <Popup className="h-[32rem] w-full overflow-y-auto sm:h-[44rem] sm:w-[36rem]">
       <div className="flex-col justify-between rounded-[16px] text-white">
         <div className="mb-5 mt-4 text-3xl font-bold"> Create New File</div>
         <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">