From 6ee44dffee3278b30aee4b419541d8d460dccb53 Mon Sep 17 00:00:00 2001
From: Anuj <anuj01062004@gmail.com>
Date: Wed, 18 Dec 2024 02:38:04 +0530
Subject: [PATCH] Fix scrollbar visibility issue by using overflow-y: auto
 (#5285)

Co-authored-by: Anuj <anuj01062004@gamil.com>
---
 frontend/src/components/VModal/VModalContent.vue | 2 +-
 frontend/src/layouts/default.vue                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/VModal/VModalContent.vue b/frontend/src/components/VModal/VModalContent.vue
index 4ab1f19227c..4a9ad5541b1 100644
--- a/frontend/src/components/VModal/VModalContent.vue
+++ b/frontend/src/components/VModal/VModalContent.vue
@@ -227,6 +227,6 @@ by the address bar.
 }
 .modal-content {
   max-height: calc(100vh - var(--modal-header-height, 0) - 6rem);
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 </style>
diff --git a/frontend/src/layouts/default.vue b/frontend/src/layouts/default.vue
index c57c7aa789b..128deb1c1c4 100644
--- a/frontend/src/layouts/default.vue
+++ b/frontend/src/layouts/default.vue
@@ -14,7 +14,7 @@ defineOptions({
     class="app h-dyn-screen grid grid-cols-1 grid-rows-[auto,1fr] flex-col bg-complementary dark:bg-default"
   >
     <VHeader class="header-el" kind="internal" color="complementary" />
-    <div class="main-content flex flex-grow flex-col overflow-y-scroll">
+    <div class="main-content flex flex-grow flex-col overflow-y-auto">
       <slot class="flex-grow" />
       <VFooter mode="internal" class="bg-complementary dark:bg-default" />
     </div>