diff --git a/docs/en_US/release_notes_6_3.rst b/docs/en_US/release_notes_6_3.rst
index d980bbc55..7c1c5e927 100644
--- a/docs/en_US/release_notes_6_3.rst
+++ b/docs/en_US/release_notes_6_3.rst
@@ -27,6 +27,7 @@ Bug fixes
 | `Issue #6906 <https://redmine.postgresql.org/issues/6906>`_ -  Fixed an issue where referenced table drop-down should be disabled in foreign key -> columns after one row is added.
 | `Issue #6955 <https://redmine.postgresql.org/issues/6955>`_ -  Ensure that sort order should be maintained when renaming a server group.
 | `Issue #6963 <https://redmine.postgresql.org/issues/6963>`_ -  Ensure that the user should be allowed to set the schema of an extension while creating it.
+| `Issue #6978 <https://redmine.postgresql.org/issues/6978>`_ -  Increase the width of the scrollbars.
 | `Issue #6986 <https://redmine.postgresql.org/issues/6986>`_ -  Fixed an issue where the user can't debug function with timestamp parameter.
 | `Issue #6989 <https://redmine.postgresql.org/issues/6989>`_ -  Fixed an issue where the Change Password menu option is missing for internal authentication source when more than one authentication source is defined.
 | `Issue #7005 <https://redmine.postgresql.org/issues/7005>`_ -  Fixed an issue where On-demand rows throw an error when any row cell is edited and saved it then scroll to get more rows.
diff --git a/web/pgadmin/static/scss/_pgadmin.style.scss b/web/pgadmin/static/scss/_pgadmin.style.scss
index 8b1e7bf8d..45c33f19f 100644
--- a/web/pgadmin/static/scss/_pgadmin.style.scss
+++ b/web/pgadmin/static/scss/_pgadmin.style.scss
@@ -1099,22 +1099,23 @@ textarea {
 /* Webkit customizations */
 
 ::-webkit-scrollbar, ::-webkit-scrollbar-corner {
-    width: $scrollbar-width;
-    height: $scrollbar-width;
+    width: $scrollbar-width !important;
+    height: $scrollbar-width !important;
     background-color: rgba($scrollbar-base-color, 0.2);
 }
 
 ::-webkit-scrollbar-thumb {
     border: 0.25rem solid transparent;
     border-radius: $border-radius*2;
-    background-clip: content-box;
     background-color: rgba($scrollbar-base-color, 0.7);
     background: rgba($scrollbar-base-color, 0.7) !important;
+    background-clip: content-box !important;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background-color: $scrollbar-base-color;
-    background: $scrollbar-base-color !important;
+    border: 0.25rem solid transparent;
+    background-color: $scrollbar-base-color !important;
+    ackground-clip: content-box !important;
 }