diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
index 5dc0744..7387f98 100755
--- a/gtk-4.0/gtk-dark.css
+++ b/gtk-4.0/gtk-dark.css
@@ -3083,18 +3083,23 @@ notebook > stack:not(:only-child) {
   notebook > stack:not(:only-child):backdrop {
     background-color: #1a1d2b; }
 
-tabbox {
+tabbar:backdrop .box > scrolledwindow,
+tabbar:backdrop .box > .start-action,
+tabbar:backdrop .box > .end-action {
+  filter: opacity(1); }
+tabbar tabbox {
   background-color: #171a26;
-  padding: 0px; }
-  tabbox > tabboxchild {
+  padding: 0px;
+  color: #C3C7D1; }
+  tabbar tabbox > tabboxchild {
     margin: 0 -3px;
     border-radius: 0; }
-  tabbox > tab,
-  tabbox > tabboxchild > tab {
+  tabbar tabbox > tab,
+  tabbar tabbox > tabboxchild > tab {
     border-radius: 0; }
-    tabbox > tab:checked, tabbox > tab:selected,
-    tabbox > tabboxchild > tab:checked,
-    tabbox > tabboxchild > tab:selected {
+    tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
+    tabbar tabbox > tabboxchild > tab:checked,
+    tabbar tabbox > tabboxchild > tab:selected {
       background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #1b1e2c no-repeat;
       background-size: 100% 2px;
       border: 0;
diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
index 4ba9693..abeb973 100755
--- a/gtk-4.0/gtk.css
+++ b/gtk-4.0/gtk.css
@@ -3089,18 +3089,23 @@ notebook > stack:not(:only-child) {
   notebook > stack:not(:only-child):backdrop {
     background-color: #e8edf3; }
 
-tabbox {
+tabbar:backdrop .box > scrolledwindow,
+tabbar:backdrop .box > .start-action,
+tabbar:backdrop .box > .end-action {
+  filter: opacity(1); }
+tabbar tabbox {
   background-color: #f9fbfc;
-  padding: 0px; }
-  tabbox > tabboxchild {
+  padding: 0px;
+  color: #31363d; }
+  tabbar tabbox > tabboxchild {
     margin: 0 -3px;
     border-radius: 0; }
-  tabbox > tab,
-  tabbox > tabboxchild > tab {
+  tabbar tabbox > tab,
+  tabbar tabbox > tabboxchild > tab {
     border-radius: 0; }
-    tabbox > tab:checked, tabbox > tab:selected,
-    tabbox > tabboxchild > tab:checked,
-    tabbox > tabboxchild > tab:selected {
+    tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
+    tabbar tabbox > tabboxchild > tab:checked,
+    tabbar tabbox > tabboxchild > tab:selected {
       background: linear-gradient(to right, #00f17d, #00f7d2) left bottom white no-repeat;
       background-size: 100% 2px;
       border: 0;
diff --git a/gtk-4.0/widgets/_notebooks.scss b/gtk-4.0/widgets/_notebooks.scss
index edbe7dd..dc4767f 100644
--- a/gtk-4.0/widgets/_notebooks.scss
+++ b/gtk-4.0/widgets/_notebooks.scss
@@ -275,20 +275,29 @@ notebook {
   }
 }
 
-
-tabbox {
-  background-color:  mix($base_color, $headerbar_color, 30%);
-  padding: 0px;
-  > tabboxchild {
-    margin: 0 -3px;
-    border-radius: 0;
+tabbar {
+  &:backdrop .box {
+    > scrolledwindow,
+    > .start-action,
+    > .end-action {
+      filter: opacity(1);
+    }
   }
-  > tab,
-  > tabboxchild > tab {
-    border-radius: 0;
-    &:checked, &:selected {
-      @include selected-tab(right); 
-      color:$fg_color;
+  tabbox {
+    background-color:  mix($base_color, $headerbar_color, 30%);
+    padding: 0px;
+    color: $fg_color;
+    > tabboxchild {
+      margin: 0 -3px;
+      border-radius: 0;
+    }
+    > tab,
+    > tabboxchild > tab {
+      border-radius: 0;
+      &:checked, &:selected { 
+        @include selected-tab(right); 
+        color: $fg_color;
+      }
     }
   }
 }
\ No newline at end of file