diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 1eadb742..a8a85dbe 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -7488,7 +7488,8 @@
       display: -moz-inline-box !important;
       height: 1px !important;
       border-radius: 9999px !important;
-      margin-top: 3px;
+      transform: translateY(5px);
+      margin-top: -1px !important;
       margin-left: 5px;
       margin-right: 5px;
     }
@@ -7528,7 +7529,6 @@
     .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
       background-color: rgba(0, 0, 0, 0.2) !important;
       opacity: 1 !important;
-      transform: none !important;
     }
     #TabsToolbar[brighttext]
       .tabbrowser-tab:hover:not([selected="true"], [multiselected])
@@ -22067,7 +22067,8 @@
     display: -moz-inline-box !important;
     height: 1px !important;
     border-radius: 9999px !important;
-    margin-top: 3px;
+    transform: translateY(5px);
+    margin-top: -1px !important;
     margin-left: 5px;
     margin-right: 5px;
   }
@@ -22107,7 +22108,6 @@
   .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
     background-color: rgba(0, 0, 0, 0.2) !important;
     opacity: 1 !important;
-    transform: none !important;
   }
   #TabsToolbar[brighttext]
     .tabbrowser-tab:hover:not([selected="true"], [multiselected])
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index e3e63a91..1a404d41 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -7918,7 +7918,8 @@
       display: -moz-inline-box !important;
       height: 1px !important;
       border-radius: 9999px !important;
-      margin-top: 3px;
+      transform: translateY(5px);
+      margin-top: -1px !important;
       margin-left: 5px;
       margin-right: 5px;
     }
@@ -7958,7 +7959,6 @@
     .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
       background-color: rgba(0, 0, 0, 0.2) !important;
       opacity: 1 !important;
-      transform: none !important;
     }
     #TabsToolbar[brighttext]
       .tabbrowser-tab:hover:not([selected="true"], [multiselected])
diff --git a/src/tab/selected_tab/_supernova_like_contextline.scss b/src/tab/selected_tab/_supernova_like_contextline.scss
index b769a39e..dbd02656 100644
--- a/src/tab/selected_tab/_supernova_like_contextline.scss
+++ b/src/tab/selected_tab/_supernova_like_contextline.scss
@@ -2,7 +2,8 @@
   @include InlineBox(true);
   height: 1px !important;
   border-radius: 9999px !important;
-  margin-top: 3px;
+  transform: translateY(5px);
+  margin-top: -1px !important;
   margin-left: 5px;
   margin-right: 5px;
 }
@@ -46,7 +47,6 @@ tabs tab.tabbrowser-tab[usercontextid]:active > .tab-stack > .tab-background > .
 .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
   background-color: rgba(0, 0, 0, 0.2) !important;
   opacity: 1 !important;
-  transform: none !important;
 }
 
 #TabsToolbar[brighttext]