diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 0955641..08e0472 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -6637,6 +6637,10 @@
     --tab-separator-position-x: 2.5px;
   }
 
+  #tabbrowser-arrowscrollbox-periphery {
+    position: relative;
+  }
+
   @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
     @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
       #tabbrowser-arrowscrollbox {
@@ -6650,7 +6654,7 @@
       display: block;
       position: absolute;
       /* Position */
-      bottom: 0%;
+      top: 50%;
       /* Bar shape */
       width: 1px;
       height: 20px;
@@ -6677,7 +6681,7 @@
       display: block;
       position: absolute;
       /* Position */
-      bottom: 0%;
+      top: 50%;
       /* Bar shape */
       width: 1px;
       height: 20px;
diff --git a/src/tab/unselected_tab/_dynamic_separator.scss b/src/tab/unselected_tab/_dynamic_separator.scss
index 1107f59..352b872 100644
--- a/src/tab/unselected_tab/_dynamic_separator.scss
+++ b/src/tab/unselected_tab/_dynamic_separator.scss
@@ -6,7 +6,7 @@
   position: absolute;
 
   /* Position */
-  bottom: 0%;
+  top: 50%;
 
   /* Bar shape */
   width: 1px;
@@ -35,6 +35,10 @@
   }
 }
 
+#tabbrowser-arrowscrollbox-periphery {
+  position: relative;
+}
+
 @include Option("userChrome.tab.newtab_button_like_tab") {
   @include NotOption("userChrome.tabbar.multi_row") {
     #tabbrowser-arrowscrollbox {