From b77dac0c9425ebf0a6e8f14cafeb4fc08efab135 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 22 Sep 2023 15:23:14 +0000
Subject: [PATCH] fix: Improved sidebar scrollbar layout and resiable bar
 placement

---
 packages/nc-gui/components/dashboard/Sidebar.vue | 2 +-
 packages/nc-gui/components/dashboard/View.vue    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/Sidebar.vue b/packages/nc-gui/components/dashboard/Sidebar.vue
index fe8c5907bc..164c11e554 100644
--- a/packages/nc-gui/components/dashboard/Sidebar.vue
+++ b/packages/nc-gui/components/dashboard/Sidebar.vue
@@ -43,7 +43,7 @@ onUnmounted(() => {
     </div>
     <div
       ref="treeViewDom"
-      class="flex flex-col nc-scrollbar-sm-dark flex-grow"
+      class="flex flex-col nc-scrollbar-dark-md flex-grow"
       :class="{
         'border-t-1': !isSharedBase,
         'border-transparent': !isTreeViewOnScrollTop,
diff --git a/packages/nc-gui/components/dashboard/View.vue b/packages/nc-gui/components/dashboard/View.vue
index cf1fb90ff4..cbd75c7ce6 100644
--- a/packages/nc-gui/components/dashboard/View.vue
+++ b/packages/nc-gui/components/dashboard/View.vue
@@ -154,13 +154,13 @@ watch(route, () => {
   .splitpanes__splitter:hover:before {
     @apply bg-scrollbar;
     width: 3px !important;
-    left: -3px;
+    left: 0px;
   }
 
   .splitpanes--dragging .splitpanes__splitter:before {
     @apply bg-scrollbar;
     width: 3px !important;
-    left: -3px;
+    left: 0px;
   }
 
   .splitpanes--dragging .splitpanes__splitter {