diff --git a/browser/themes/shared/tabbrowser/tabs.css b/browser/themes/shared/tabbrowser/tabs.css
index 6ca85d9d4d593271fe49138ea736bd96651c05f5..192acb662eaeaeb67df890de4c9681952b078526 100644
--- a/browser/themes/shared/tabbrowser/tabs.css
+++ b/browser/themes/shared/tabbrowser/tabs.css
@@ -32,7 +32,7 @@
   --tab-block-margin: 4px;
   --tab-icon-end-margin: 5.5px;
   --tab-label-line-height: 1.7;
-  --tab-loading-fill: #0A84FF;
+  --tab-loading-fill: var(--zen-primary-color);
   --tab-hover-background-color: color-mix(in srgb, currentColor 11%, transparent);
   --tab-selected-textcolor: var(--toolbar-color);
   --tab-selected-bgcolor: var(--toolbar-bgcolor);
@@ -210,8 +210,7 @@
   }
 
   #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > &[pinned] {
-    position: absolute !important;
-    display: block;
+
   }
 
   #tabbrowser-tabs[movingtab] &:is(:active, [multiselected]) {
@@ -257,7 +256,6 @@
   }
 
   :root:not([uidensity=compact], [sidebar-expand-on-hover]) &[pinned] {
-    padding: 0 10px;
   }
 
   &:is([selected], [multiselected]) {
@@ -271,6 +269,7 @@
     border-radius: inherit;
     position: relative;
     overflow: hidden;
+    display: none;
 
     &::before {
       position: absolute;
@@ -458,6 +457,7 @@
 .tab-icon-image {
   -moz-context-properties: fill, stroke;
   fill: currentColor;
+  border-radius: 4px;
 
   /* Apply crisp rendering for favicons at exactly 2dppx resolution */
   @media (resolution: 2dppx) {
@@ -557,7 +557,7 @@
   z-index: 1; /* Overlay tab title */
 
   #tabbrowser-tabs[orient=vertical] & {
-    top: 7px;
+    top: -7px;
   }
 
   &[crashed] {
@@ -565,7 +565,7 @@
   }
 
   #tabbrowser-tabs[orient="vertical"]:not([expanded]) &:not([crashed]),
-  &[pinned]:not([crashed]) {
+  &:not([crashed]) {
     &[soundplaying] {
       list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
     }
@@ -595,7 +595,7 @@
       background-image: linear-gradient(var(--audio-overlay-extra-background)),
                         linear-gradient(var(--toolbox-bgcolor));
       -moz-context-properties: fill;
-      fill: var(--tab-selected-textcolor);
+      fill: var(--tab-selected-textcolor) !important;
       color-scheme: var(--tab-selected-color-scheme);
       border-radius: var(--border-radius-circle);
 
@@ -1362,7 +1362,7 @@ tab-group {
   }
 }
 
-#tabbrowser-arrowscrollbox[orient="vertical"] > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
+#tabbrowser-arrowscrollbox[orient="vertical"] #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
 #vertical-tabs-newtab-button {
   appearance: none;
   min-height: var(--tab-min-height);
@@ -1373,7 +1373,7 @@ tab-group {
   margin-inline: var(--tab-inner-inline-margin);
 
   #tabbrowser-tabs[orient="vertical"]:not([expanded]) & > .toolbarbutton-text {
-    display: none;
+    display: flex;
   }
 
   &:hover {
@@ -1397,7 +1397,7 @@ tab-group {
  * flex container. #tabs-newtab-button is a child of the arrowscrollbox where
  * we don't want a gap (between tabs), so we have to add some margin.
  */
-#tabbrowser-arrowscrollbox[orient="vertical"] > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button {
+#tabbrowser-arrowscrollbox[orient="vertical"] #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button {
   margin-block: var(--tab-block-margin);
 }
 
@@ -1471,8 +1471,6 @@ tab-group {
   }
 
   :root:not([sidebar-expand-on-hover]) & {
-    --tab-inline-padding: calc((var(--tab-collapsed-background-width) + 2 *
-      var(--tab-pinned-margin-inline-expanded) - var(--icon-size-default)) / 2);
     /* stylelint-disable-next-line media-query-no-invalid */
     @media not -moz-pref("sidebar.visibility", "expand-on-hover") {
       /* We need these rules to apply at all times when the sidebar.visibility
@@ -1717,7 +1715,7 @@ tab-group {
   toolbarbutton:not(#firefox-view-button),
   toolbarpaletteitem:not(#wrapper-firefox-view-button)
 ) ~ #tabbrowser-tabs {
-  border-inline-start: var(--tabstrip-inner-border);
+  border-inline-start: transparent;
   padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width) + 2px);
   margin-inline-start: 2px;
 }
@@ -1751,7 +1749,6 @@ toolbar:not(#TabsToolbar) #firefox-view-button {
   list-style-image: url(chrome://global/skin/icons/plus.svg);
 }
 
-#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) ~ #new-tab-button,
 #tabbrowser-tabs[orient="horizontal"] > #vertical-tabs-newtab-button,
 #tabbrowser-tabs[orient="vertical"]:not([overflow]) > #vertical-tabs-newtab-button,
 #tabbrowser-arrowscrollbox[overflowing] > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
