diff --git a/de/home/.config/eww/modules/bar.yuck b/de/home/.config/eww/modules/bar.yuck
index deede0c..28e023c 100644
--- a/de/home/.config/eww/modules/bar.yuck
+++ b/de/home/.config/eww/modules/bar.yuck
@@ -11,7 +11,7 @@
 ;centerbar groups
 
 (defwidget leftgroup []
-  (box :class "leftgroup profile-work" :orientation "h" :space-evenly false :halign "start"
+  (box :class "leftgroup ${((activeWorkspace < '11') ? 'profile-work' : '')}" :orientation "h" :space-evenly false :halign "start"
     (powermenu)
     (profile)
     (workspaces :array workspacesArray)
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 10e8953..fafd97a 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -9,10 +9,10 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
   .centergroup,
   .rightgroup {
     background-color: $bar-bg-color;
-    & .profile-work {
+/*    & .profile-work {
       background-color: mix($color5, $color12);
     }
-/*    background-color: lighter($bar-bg-color);
+    background-color: lighter($bar-bg-color);
     background-color: darker(mix(#d68787, #add4fb, 50%));*/
     border-radius: $bar-module-border-radius;
     border: 3px solid $bar-module-fg-color;
@@ -52,6 +52,10 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
     }
   }
 
+  .profile-work {
+    background-color: mix($color5, $color12);
+  }
+
   .workspaces {
     color: $bar-module-fg-color;
     margin: 2px 5px;