diff --git a/userChrome-dark.css b/userChrome-dark.css
index db41fb8..c2939f1 100644
--- a/userChrome-dark.css
+++ b/userChrome-dark.css
@@ -12,6 +12,11 @@
   margin-top: 2px !important;
 }
 
+/* To prevent tab label appearing on pinned tab in compact mode. */
+.tab-content {
+  padding: 0 12px !important;
+}
+
 /* When the window is maximized, the first pinned tab is properly displayed. */
 #TabsToolbar  {
   padding-inline-start: 15px !important;
diff --git a/userChrome-default.css b/userChrome-default.css
index 117bf1d..9e5ddb7 100644
--- a/userChrome-default.css
+++ b/userChrome-default.css
@@ -12,6 +12,11 @@
   margin-top: 2px !important;
 }
 
+/* To prevent tab label appearing on pinned tab in compact mode. */
+.tab-content {
+  padding: 0 12px !important;
+}
+
 /* When the window is maximized, the first pinned tab is properly displayed. */
 #TabsToolbar  {
   padding-inline-start: 15px !important;
diff --git a/userChrome-light.css b/userChrome-light.css
index 9d78dfb..b6cf08a 100644
--- a/userChrome-light.css
+++ b/userChrome-light.css
@@ -16,6 +16,11 @@
   margin-top: 2px !important;
 }
 
+/* To prevent tab label appearing on pinned tab in compact mode. */
+.tab-content {
+  padding: 0 12px !important;
+}
+
 /* When the window is maximized, the first pinned tab is properly displayed. */
 #TabsToolbar  {
   padding-inline-start: 15px !important;