fix height scrollbar table grid js

resources/scss/plugins/_gridjs.scss

@@ -1,6 +1,6 @@
-// 
+//
 // _gridjs.scss
-// 
+//
 
 .gridjs-container {
     color: var(--#{$prefix}body-color);
@@ -13,7 +13,6 @@
     border: 1px solid var(--#{$prefix}border-color);
     border-radius: 0px;
 
-
     &::-webkit-scrollbar {
         -webkit-appearance: none;
     }
@@ -24,11 +23,12 @@
     }
 
     &::-webkit-scrollbar:horizontal {
-        height: 5px;
+        height: 15px;
     }
 
     &::-webkit-scrollbar-thumb {
-        background-color: rgba(var(--#{$prefix}dark-rgb), .075);
+        // background-color: rgba(var(--#{$prefix}dark-rgb), 0.075);
+        background-color: $primary;
         border-radius: 10px;
         padding: 5px;
         border: none;
@@ -69,15 +69,13 @@ th {
     &.gridjs-th {
         border-top: 0;
         color: var(--#{$prefix}body-color);
-        background-color: rgba(var(--#{$prefix}light-rgb), .75);
-
+        background-color: rgba(var(--#{$prefix}light-rgb), 0.75);
     }
 
     &.gridjs-th-sort {
-
         &:focus,
         &:hover {
-            background-color: rgba(var(--#{$prefix}light-rgb), .85);
+            background-color: rgba(var(--#{$prefix}light-rgb), 0.85);
         }
     }
 }
@@ -99,7 +97,6 @@ th {
 }
 
 .gridjs-pagination {
-
     .gridjs-pages button {
         background-color: transparent;
         color: var(--#{$prefix}link-color);
@@ -166,7 +163,8 @@ input.gridjs-input {
     background-color: $input-bg;
     color: $input-color;
     line-height: $input-line-height;
-    padding: $input-padding-y $input-padding-x $input-padding-y $input-padding-x * 2.5;
+    padding: $input-padding-y $input-padding-x $input-padding-y $input-padding-x *
+        2.5;
     border-radius: $input-border-radius;
     @include font-size($input-font-size);
 
@@ -203,30 +201,26 @@ th.gridjs-th-sort .gridjs-th-content {
 }
 
 button {
-
     &.gridjs-sort-asc,
     &.gridjs-sort-desc {
         background-size: 7px;
     }
 }
 
-
 // gridjs selection
 .gridjs-tr-selected {
     td {
         background-color: $table-active-bg;
     }
 
-    .gridjs-td .gridjs-checkbox[type=checkbox] {
+    .gridjs-td .gridjs-checkbox[type="checkbox"] {
         background-color: $form-check-input-checked-bg-color;
         border-color: $form-check-input-checked-border-color;
 
         @if $enable-gradients {
             background-image: escape-svg($form-check-input-checked-bg-image),
-            var(--#{$prefix}gradient);
-        }
-
-        @else {
+                var(--#{$prefix}gradient);
+        } @else {
             background-image: escape-svg($form-check-input-checked-bg-image);
         }
     }
@@ -253,7 +247,6 @@ button {
 }
 
 .gridjs-border-none {
-
     td.gridjs-td,
     th.gridjs-th {
         border-right-width: 0;
@@ -267,11 +260,10 @@ button {
 
 [data-bs-theme="dark"] {
     button {
-
         &.gridjs-sort-neutral,
         &.gridjs-sort-asc,
         &.gridjs-sort-desc {
             filter: $btn-close-white-filter;
         }
     }
-}
+}