diff --git a/userChrome.css b/userChrome.css
index e6a5321..8a9e185 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -2796,14 +2796,6 @@ menuitem.openintabs-menuitem,
   --tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */
 }
 
-.tab-content[pinned] {
-  --inline-tab-padding: 10px; /* Prevent overflow pinned tab's divide line not aligned */
-  padding-inline: var(--inline-tab-padding) !important;
-}
-:root[uidensity="compact"] .tab-content[pinned] {
-  --inline-tab-padding: 8px;
-}
-
 /*= Tab Bar - Reduce Width, Show more tabs ===================================*/
 /* for First Tab Space */
 :root {
@@ -3565,6 +3557,14 @@ tab[visuallyselected] > stack::after {
   --inline-tab-padding: 8px !important; /* Original: 8px */
 }
 
+.tab-content[pinned] {
+  --inline-tab-padding: 10px; /* Prevent overflow pinned tab's divide line not aligned */
+  padding-inline: var(--inline-tab-padding) !important;
+}
+:root[uidensity="compact"] .tab-content[pinned] {
+  --inline-tab-padding: 8px;
+}
+
 #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]),
 #tabbrowser-tabs[closebuttons="activetab"]
   .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) {