diff --git a/de/home/.config/eww/modules/bar/profile.yuck b/de/home/.config/eww/modules/bar/profile.yuck
index 84911f2..f9476f2 100644
--- a/de/home/.config/eww/modules/bar/profile.yuck
+++ b/de/home/.config/eww/modules/bar/profile.yuck
@@ -1,5 +1,5 @@
 (deflisten active_profile "scripts/bar/profile")
 (defwidget profile []
   (button :onclick "sp-profiles next"
-          :class "profile"
+          :class "profile ${((activeWorkspace > '30') ? 'profile-work' : ((activeWorkspace > '20') ? 'profile-school' : ((activeWorkspace > '10') ? 'profile-development' : ((activeWorkspace > '0') ? 'profile-personal' : ''))))}"
     {active_profile}))
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 541a68d..e263a29 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -75,12 +75,34 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
   }*/
 
   .profile {
-    margin: 0px;
-    font-size: 0.75em;
+    margin-left: 10px;
+    font-size: 0.95em;
+    font-weight: bold;
+    border: 2px solid $bar-bg-color;
+    border-right: 0px solid transparent;
+    border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
+    color: $bar-bg-color;
+
+    &.profile-personal {
+      color: $bar-bg-color;
+      border-color: $bar-bg-color;
+    }
+    &.profile-development {
+      color: mix($color9, $color12);
+      border-color: mix($color9, $color12);
+    }
+    &.profile-school {
+      color: mix($color5, $color3);
+      border-color: mix($color5, $color3);
+    }
+    &.profile-work {
+      color: mix($color5, $color4, 30%);
+      border-color: mix($color5, $color4, 30%);
+    }
   }
 
   .workspaces {
-    margin: 0px 5px;
+    margin: 0px 0px;
     box.ws-center {
       >box>button {
         background-color: $bar-bg-color;
@@ -93,20 +115,22 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
       }*/
     }
     border: 2px solid $bar-bg-color;
-    border-radius: $bar-module-border-radius;
+    border-left: 0px solid transparent;
+    border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
     revealer {
       &.ws-left {
 //        padding-left: 5px;
         >box>box {
 //          background-color: rgba($bar-bg-color,0.5);
           color: $bar-bg-color;
-          &:not(:first-child){
+//          &:not(:first-child){
+//          &:not(:first-child){
             border-left: 2px solid $bar-bg-color;
 //            margin-left: 2px;
-          }
-          &:first-child {
-            border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
-          }
+//          }
+//          &:first-child {
+//            border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius;
+//          }
         }
       }
       &.ws-right {
@@ -136,13 +160,13 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
 //        box-shadow: 3px 0 2px -1px $bar-module-fg-color;
       }
       label {
-        padding: 4px 6px;
+        padding: 2px 6px;
         margin-right: -10px;
       }
       .workspace-number {
         margin: 0px;
         margin-left: 2px;
-        margin-top: -15px;
+        margin-top: -7px;
         padding: 0px;
         font-size: 0.6em;
       }