diff --git a/src/components/left/main/ChatFolderTabList.module.scss b/src/components/left/main/ChatFolderTabList.module.scss
index 853fbf217..8beeaab0e 100644
--- a/src/components/left/main/ChatFolderTabList.module.scss
+++ b/src/components/left/main/ChatFolderTabList.module.scss
@@ -3,7 +3,7 @@
     --fade-mask-height: 2.625rem;
 
     position: absolute;
-    z-index: 4;
+    z-index: 10;
     top: 0.25rem;
     inset-inline: 0.5rem;
 
diff --git a/src/components/ui/TabList.module.scss b/src/components/ui/TabList.module.scss
index 0a943f1aa..924391755 100644
--- a/src/components/ui/TabList.module.scss
+++ b/src/components/ui/TabList.module.scss
@@ -53,7 +53,7 @@
 
     isolation: isolate;
     position: absolute;
-    z-index: 4;
+    z-index: 10;
     top: 0;
     right: 0;
     bottom: 0;
@@ -121,7 +121,7 @@
 
   .withFadeMask {
     position: relative;
-    z-index: 4;
+    z-index: 10;
   }
 
   .fadeMaskWrapper {
@@ -133,7 +133,7 @@
       content: "";
 
       position: absolute;
-      z-index: 3;
+      z-index: 9;
       top: 50%;
       left: 0;