diff --git a/css/_base.scss b/css/_base.scss
index 39a24affb1..a4f71d8300 100644
--- a/css/_base.scss
+++ b/css/_base.scss
@@ -166,7 +166,7 @@ form {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, .5);
+    background: #3D3D3D;
     border-radius: 4px;
 }
 
diff --git a/react/features/settings/components/web/MoreTab.tsx b/react/features/settings/components/web/MoreTab.tsx
index e2c0dd634f..ef142af6c1 100644
--- a/react/features/settings/components/web/MoreTab.tsx
+++ b/react/features/settings/components/web/MoreTab.tsx
@@ -88,7 +88,8 @@ const styles = (theme: Theme) => {
     return {
         container: {
             display: 'flex',
-            flexDirection: 'column' as const
+            flexDirection: 'column' as const,
+            padding: '0 2px'
         },
 
         divider: {