From a1ed172dec4b77b920d0ddeccad41eda8beedede Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 2 Mar 2024 11:04:27 +0000
Subject: [PATCH] fix: Fix visible scrollbars even if content is not
 overflowing

---
 .../app/dashboard/bookmarks/components/BookmarkedTextViewer.tsx | 2 +-
 packages/web/app/dashboard/components/AllLists.tsx              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarkedTextViewer.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarkedTextViewer.tsx
index 3f4a647d..8a620341 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarkedTextViewer.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarkedTextViewer.tsx
@@ -12,7 +12,7 @@ export function BookmarkedTextViewer({
 }) {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent className="max-h-[75%] overflow-scroll">
+      <DialogContent className="max-h-[75%] overflow-auto">
         <Markdown className="prose">{content}</Markdown>
       </DialogContent>
     </Dialog>
diff --git a/packages/web/app/dashboard/components/AllLists.tsx b/packages/web/app/dashboard/components/AllLists.tsx
index 937ba90d..5b706cbe 100644
--- a/packages/web/app/dashboard/components/AllLists.tsx
+++ b/packages/web/app/dashboard/components/AllLists.tsx
@@ -13,7 +13,7 @@ export default function AllLists() {
   const { setOpen } = useNewListModal();
 
   return (
-    <ul className="max-h-full gap-2 overflow-scroll text-sm font-medium">
+    <ul className="max-h-full gap-y-2 overflow-auto text-sm font-medium">
       <NewListModal />
       <li className="flex justify-between pb-2 font-bold">
         <p>Lists</p>