diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 86765059b77c..d0f5caf3917c 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -85,6 +85,8 @@ textarea {
 }
 
 ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+
   @include light-theme {
     background: $color-gray-25;
     border: 2px solid $color-white;
diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss
index 6c27ecce8570..2f5da57af660 100644
--- a/stylesheets/_mixins.scss
+++ b/stylesheets/_mixins.scss
@@ -868,9 +868,11 @@ $rtl-icon-map: (
   @include scrollbar;
   &::-webkit-scrollbar-thumb {
     @include light-theme {
+      background: $color-gray-25;
       border-color: $color-gray-04;
     }
     @include dark-theme {
+      background: $color-gray-45;
       border-color: $color-gray-80;
     }
   }
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 82cbeccd76ff..6d7ca88ee02a 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -4574,8 +4574,11 @@ button.module-image__border-overlay:focus {
     padding-inline: 0;
   }
 
+  // Center chat list icons in narrow mode by reserving scrollbar space, preventing
+  // scrollbar from pushing content
   &--width-narrow {
-    padding-inline: 10px;
+    padding-inline: 10px 1px;
+    scrollbar-gutter: stable;
   }
 
   &__item {
@@ -4688,10 +4691,6 @@ button.module-image__border-overlay:focus {
       user-select: none;
       width: 100%;
 
-      .module-conversation-list--width-narrow & {
-        padding-inline: 14px 0;
-      }
-
       #{$unread-indicator} {
         $size: 18px;
         height: $size;
@@ -4836,10 +4835,6 @@ button.module-image__border-overlay:focus {
         align-items: stretch;
         overflow: hidden;
 
-        .module-conversation-list--width-narrow & {
-          margin-inline-start: 0;
-        }
-
         &--disabled {
           opacity: 0.5;
         }