From 58385e41830ae64934d5080fc183c11ece61a675 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Sun, 4 Feb 2024 19:07:10 +0100
Subject: [PATCH] fix: add scrollbar to modals

---
 apps/web/components/StyledElements/Modal/Modal.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/web/components/StyledElements/Modal/Modal.tsx b/apps/web/components/StyledElements/Modal/Modal.tsx
index 506ee123..f30f9752 100644
--- a/apps/web/components/StyledElements/Modal/Modal.tsx
+++ b/apps/web/components/StyledElements/Modal/Modal.tsx
@@ -27,7 +27,7 @@ const Modal = (params: ModalParams) => (
 
         <Dialog.Portal>
             <DialogOverlay />
-            <DialogContent minHeight={params.minHeight}>
+            <DialogContent className='overflow-auto scrollbar-w-2 scrollbar-h-2 scrollbar scrollbar-thumb-black/20 scrollbar-thumb-rounded-full scrollbar-track-rounded-full' minHeight={params.minHeight}>
                 <DialogTopBar className='-space-y-1'>
                     <DialogTitle>{params.dialogTitle}</DialogTitle>
                     <DialogDescription>
@@ -118,7 +118,6 @@ const DialogContent = styled(Dialog.Content, {
     left: '50%',
     transform: 'translate(-50%, -50%)',
     width: '90vw',
-    overflow: 'hidden',
     maxHeight: '85vh',
     minHeight: '300px',
     maxWidth: '600px',