diff --git a/chrome/tab_separator_lines.css b/chrome/tab_separator_lines.css
index e45f41f..d83f382 100644
--- a/chrome/tab_separator_lines.css
+++ b/chrome/tab_separator_lines.css
@@ -2,23 +2,26 @@
 See the above repository for updates as well as full license text. */
 
 /* Bring back tab separator lines that were removed in Proton */
-
 .tabbrowser-tab{
-  border-inline-start: 1px solid transparent !important;
-  border-image: 0 1 linear-gradient(
+  background-image: linear-gradient(
     transparent 20%,
     color-mix(in srgb, currentColor 20%, transparent) 20%,
     color-mix(in srgb, currentColor 20%, transparent) 80%,
     transparent 80%
-  ) !important;
+  );
+  background-size: 1px 100%;
+  background-repeat: no-repeat;
+}
+.tab-group-label-container{
+  padding-inline-start: 2px;
 }
 
-.tabbrowser-tab:hover,
 #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
-.tabbrowser-tab:first-child,
-.tabbrowser-tab[selected],
-.tabbrowser-tab[multiselected],
+.tabbrowser-tab:is(:hover,:first-child,[selected],[multiselected]),
 .tabbrowser-tab:is([selected],[multiselected]) + .tabbrowser-tab[hidden] + .tabbrowser-tab,
-#tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab[first-visible-unpinned-tab],
-#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[multiselected] + .tabbrowser-tab,
-#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected] + .tabbrowser-tab { border-image: none !important; }
\ No newline at end of file
+#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:is([multiselected],[selected]) + .tabbrowser-tab,
+tab-group[collapsed] + .tabbrowser-tab,
+tab-group > .tabbrowser-tab:first-of-type,
+tab-group:has(> .tabbrowser-tab:last-child:is(:hover,[selected],[multiselected])) + .tabbrowser-tab{
+  background-image: none;
+}
\ No newline at end of file