diff --git a/desktop/src/main/java/bisq/desktop/bisq.css b/desktop/src/main/java/bisq/desktop/bisq.css
index a4d9fea4ee..cb92c6e74c 100644
--- a/desktop/src/main/java/bisq/desktop/bisq.css
+++ b/desktop/src/main/java/bisq/desktop/bisq.css
@@ -87,6 +87,11 @@ bg color of non edit textFields: fafafa
     -bs-green: #25B135; /* 6 usages */
     -bs-dark-green: #3DA34B;
     -bs-new-grey: #D8D8D8;
+    -bs-new-grey-background: #F2F2F2;
+    -bs-new-grey-background-darker: #D0D0D0;
+    -bs-new-grey-darker: #E1E1E1;
+    -bs-font-dark: #4B4B4B;
+    -bs-font-light: #8D8D8D;
     -bs-red: #D73030; /* 5 usages */
     -fx-box-border: -bs-new-grey;
 
@@ -609,8 +614,59 @@ textfield */
  *                                                                             *
  ******************************************************************************/
 
-.tab-pane .tab-label {
-    -fx-font-size: 1.154em;
+.tab-pane {
+    -fx-border-color: -bs-new-grey;
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab {
+    -fx-background-insets: 1 2 0 2;
+    -fx-background-radius: 0 0 0 0;
+    -fx-padding: 0.083333em 2em 0.0769em 2em; /* 1 6 0.99 6 -fx-padding: 0 30 0 30;*/
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab:top {
+    -fx-background-color: -bs-new-grey-darker;
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab:right {
+    -fx-background-color: -bs-new-grey-darker;
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab:bottom {
+    -fx-background-color: -bs-new-grey-darker;
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab:left {
+    -fx-background-color: -bs-new-grey-darker;
+}
+
+.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
+    -fx-border-width: 0, 0;
+    -fx-border-color: -fx-focus-color, -fx-faint-focus-color;
+    -fx-border-insets: -4 -4 -6 -5, -2 -2 -5 -3;
+    -fx-border-radius: 0, 0; /* looks sharper if outer border has a tighter radius (2 instead of 3) */
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab:selected {
+    -fx-background-color: -bs-new-grey-background;
+    -fx-background-insets: 0 1 0 1;
+}
+
+.tab-pane:focused > .tab-header-area > .headers-region > .tab:bottom:selected .focus-indicator {
+    -fx-border-insets: -6 -5 -4 -4, -5 -3 -2 -2;
+}
+
+.tab-pane > .tab-header-area > .tab-header-background {
+    /* TODO should not be using text-box-border I think? */
+    -fx-background-color: -bs-new-grey-background-darker;
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab .tab-label {
+    -fx-text-fill: -bs-font-light;
+}
+
+.tab-pane > .tab-header-area > .headers-region > .tab:selected .tab-label {
+    -fx-text-fill: -bs-font-dark;
 }
 
 .tab-pane:focused {