diff --git a/css/base.css b/css/base.css
index b5b927671..2158fd4a4 100644
--- a/css/base.css
+++ b/css/base.css
@@ -106,8 +106,11 @@ a {
   border-radius: 0.25em;
 }
 .dark-theme .has-thin-scrollbar::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.25);
+  background-color: rgba(0, 0, 0, 0.3);
 }
 .dark-theme .has-thin-scrollbar::-webkit-scrollbar-thumb {
-  background-color: rgba(255, 255, 255, 0.6);
+  background-color: rgba(255, 255, 255, 0.3);
+}
+.dark-theme .has-thin-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255, 255, 255, 0.5);
 }
diff --git a/css/tabBar.css b/css/tabBar.css
index e956064a5..90fdb8e21 100644
--- a/css/tabBar.css
+++ b/css/tabBar.css
@@ -112,6 +112,19 @@ body.linux #menu-button {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+
+#tabs.safari-tab-resize-enabled .tab-item {
+  transition: flex-grow 0.22s ease, transform 0.15s ease;
+}
+
+#tabs.safari-tab-resize-enabled .tab-item:hover {
+  flex-grow: 1.1;
+}
+
+#tabs.safari-tab-resize-enabled .tab-item.active {
+  flex-grow: 1.3;
+}
+
 .tab-item.active {
   min-width: 168px;
 }
diff --git a/index.html b/index.html
index d0e97bc17..b6144ca69 100644
--- a/index.html
+++ b/index.html
@@ -241,7 +241,7 @@
         <input type="search" id="task-search-input"/>
       </div>
     </div>
-      <div id="task-area"></div>
+      <div id="task-area" class="has-thin-scrollbar"></div>
       <button id="add-task">
         <i class="i carbon:new-tab"></i>
         <span></span>
diff --git a/js/navbar/tabBar.js b/js/navbar/tabBar.js
index c162dfd8c..755bb51fe 100644
--- a/js/navbar/tabBar.js
+++ b/js/navbar/tabBar.js
@@ -263,7 +263,11 @@ const tabBar = {
     })
   },
   handleSizeChange: function () {
-    if (window.innerWidth / tabBar.containerInner.childNodes.length < 190) {
+    const tabCount = tabBar.containerInner.children.length
+
+    tabBar.container.classList.toggle('safari-tab-resize-enabled', tabCount > 3)
+
+    if (window.innerWidth / tabCount < 190) {
       tabBar.container.classList.add('compact-tabs')
     } else {
       tabBar.container.classList.remove('compact-tabs')