diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 1ca757f..9d1f259 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -4169,14 +4169,11 @@
     }
     @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
       :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
-      #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
+      #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned],
+      #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
       #TabsToolbar:not([multibar])
         #tabbrowser-arrowscrollbox[overflowing="true"]
-        > .tabbrowser-tab[pinned="true"]
-        .tab-stack,
-      #TabsToolbar:not([multibar])
-        #tabbrowser-arrowscrollbox[overflowing="true"]
-        > .tabbrowser-tab[pinned="true"]
+        > .tabbrowser-tab[pinned]
         .tab-content {
         max-height: var(--tab-min-height) !important; /* Force apply height */
       }
@@ -6428,7 +6425,7 @@
     max-width: var(--tab-max-width) !important;
     margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important;
   }
-  .tabbrowser-tab[selected="true"][pinned="true"] {
+  .tabbrowser-tab[selected="true"][pinned] {
     flex: 100;
     -moz-box-flex: 100;
     max-width: var(--tab-max-width) !important;
@@ -9273,10 +9270,10 @@
   .tabbrowser-tab:not([hidden="true"]) {
     counter-increment: tab-counts;
   }
-  .tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before {
+  .tabbrowser-tab:not([hidden="true"])[pinned] .tab-label-container::before {
     content: " " counter(tab-counts);
   }
-  .tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before {
+  .tabbrowser-tab:not([hidden="true"]):not([pinned]) .tab-label-container::before {
     content: counter(tab-counts) ": ";
   }
   .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
@@ -10386,12 +10383,12 @@
 }
 @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
   @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
-    .tabbrowser-tab:not([pinned="true"]) .tab-icon-image {
+    .tabbrowser-tab:not([pinned]) .tab-icon-image {
       display: none;
     }
   }
   @supports -moz-bool-pref("userChrome.hidden.tab_icon.always") {
-    .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack {
+    .tabbrowser-tab:not([pinned]) .tab-icon-stack {
       display: none;
     }
   }
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index 3f3dd8d..c71dea5 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -4511,14 +4511,11 @@
     }
     @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
       :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
-      #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
+      #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned],
+      #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
       #TabsToolbar:not([multibar])
         #tabbrowser-arrowscrollbox[overflowing="true"]
-        > .tabbrowser-tab[pinned="true"]
-        .tab-stack,
-      #TabsToolbar:not([multibar])
-        #tabbrowser-arrowscrollbox[overflowing="true"]
-        > .tabbrowser-tab[pinned="true"]
+        > .tabbrowser-tab[pinned]
         .tab-content {
         max-height: var(--tab-min-height) !important; /* Force apply height */
       }
@@ -6837,7 +6834,7 @@
     max-width: var(--tab-max-width) !important;
     margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important;
   }
-  .tabbrowser-tab[selected="true"][pinned="true"] {
+  .tabbrowser-tab[selected="true"][pinned] {
     flex: 100;
     -moz-box-flex: 100;
     max-width: var(--tab-max-width) !important;
@@ -9682,10 +9679,10 @@
   .tabbrowser-tab:not([hidden="true"]) {
     counter-increment: tab-counts;
   }
-  .tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before {
+  .tabbrowser-tab:not([hidden="true"])[pinned] .tab-label-container::before {
     content: " " counter(tab-counts);
   }
-  .tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before {
+  .tabbrowser-tab:not([hidden="true"]):not([pinned]) .tab-label-container::before {
     content: counter(tab-counts) ": ";
   }
   .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
@@ -10803,12 +10800,12 @@
 }
 @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
   @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
-    .tabbrowser-tab:not([pinned="true"]) .tab-icon-image {
+    .tabbrowser-tab:not([pinned]) .tab-icon-image {
       display: none;
     }
   }
   @supports -moz-bool-pref("userChrome.hidden.tab_icon.always") {
-    .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack {
+    .tabbrowser-tab:not([pinned]) .tab-icon-stack {
       display: none;
     }
   }
diff --git a/src/counter/_tab.scss b/src/counter/_tab.scss
index baeae33..2d92fd2 100644
--- a/src/counter/_tab.scss
+++ b/src/counter/_tab.scss
@@ -32,10 +32,10 @@
   counter-increment: tab-counts;
 
   // https://www.designcise.com/web/tutorial/how-to-add-space-before-or-after-an-element-using-css-pseudo-elements
-  &[pinned="true"] .tab-label-container::before  {
+  &[pinned] .tab-label-container::before  {
     content: "\00a0" counter(tab-counts);
   }
-  &:not([pinned="true"]) .tab-label-container::before {
+  &:not([pinned]) .tab-label-container::before {
     content: counter(tab-counts) ":\00a0";
   }
 
diff --git a/src/hidden/_index.scss b/src/hidden/_index.scss
index f541182..7188546 100644
--- a/src/hidden/_index.scss
+++ b/src/hidden/_index.scss
@@ -13,7 +13,7 @@
 }
 
 @include Option("userChrome.hidden.tab_icon") {
-  .tabbrowser-tab:not([pinned="true"]) {
+  .tabbrowser-tab:not([pinned]) {
     @include NotOption("userChrome.hidden.tab_icon.always") {
       .tab-icon-image {
         display: none;
diff --git a/src/padding/_tabbar_height.scss b/src/padding/_tabbar_height.scss
index 8b0b6a9..25f7ac4 100644
--- a/src/padding/_tabbar_height.scss
+++ b/src/padding/_tabbar_height.scss
@@ -63,9 +63,9 @@
 
   @include NotOption("userChrome.tabbar.multi_row") {
     :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
-    #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
-    #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
-    #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
+    #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned],
+    #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
+    #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-content {
       max-height: var(--tab-min-height) !important; /* Force apply height */
     }
     :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
diff --git a/src/tabbar/_as_titlebar.scss b/src/tabbar/_as_titlebar.scss
index bd0c6cd..f5b8a43 100644
--- a/src/tabbar/_as_titlebar.scss
+++ b/src/tabbar/_as_titlebar.scss
@@ -34,7 +34,7 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
   margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important;
   // padding-inline-start: calc(var(--tab-shadow-max-size) + 1px) !important;
 
-  &[pinned="true"] {
+  &[pinned] {
     @include BoxFlex(100);
     max-width: var(--tab-max-width) !important;
   }