From 9c29ad1a28529312c33be11d3fa963c827ce6754 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Mon, 11 Mar 2024 21:12:59 +0530
Subject: [PATCH] chore: list layout scrollbar improvement (#3933)

---
 web/components/issues/issue-layouts/list/default.tsx | 5 ++++-
 web/styles/globals.css                               | 3 +++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/components/issues/issue-layouts/list/default.tsx b/web/components/issues/issue-layouts/list/default.tsx
index 12179ee97..4009df6d2 100644
--- a/web/components/issues/issue-layouts/list/default.tsx
+++ b/web/components/issues/issue-layouts/list/default.tsx
@@ -123,7 +123,10 @@ const GroupByList: React.FC<IGroupByList> = (props) => {
   const isGroupByCreatedBy = group_by === "created_by";
 
   return (
-    <div ref={containerRef} className="vertical-scrollbar scrollbar-lg relative h-full w-full overflow-auto">
+    <div
+      ref={containerRef}
+      className="vertical-scrollbar scrollbar-lg relative h-full w-full overflow-auto vertical-scrollbar-margin-top-md"
+    >
       {groups &&
         groups.length > 0 &&
         groups.map(
diff --git a/web/styles/globals.css b/web/styles/globals.css
index 6c51e75c4..5b24abc08 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -602,6 +602,9 @@ div.web-view-spinner div.bar12 {
 .horizontal-scrollbar::-webkit-scrollbar-corner {
   background-color: transparent;
 }
+.vertical-scrollbar-margin-top-md::-webkit-scrollbar-track {
+  margin-top: 44px;
+}
 
 /* scrollbar sm size */
 .scrollbar-sm::-webkit-scrollbar {