diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 404b5d4..1aaca64 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -9,22 +9,21 @@ $bar-module-width: 25px;
 $bar-bg-color: rgba($color0,0.8);
 $bar-inactive-bg-color: rgba($color5,0.15);
 $bar-inactive-fg-color: $color13;
-$bar-active-bg-color: rgba($color9,0.6);
-$bar-active-fg-color: $color9;
+$bar-active-bg-color: rgba($color1,0.5);
+$bar-active-fg-color: $color1;
 $bar-hover-bg-color: rgba($color1,0.5);
-$bar-hover-bg-color: $color9;
+$bar-hover-fg-color: $color9;
 $bar-module-border-radius: 8px;
 
 // Global Styles
 .bar {
-//  background-color: $color5;
-//  background-image: url("file:///home/penelope/Downloads/wallpaper-template2.jpg");
   font-size: 1em;
   padding: 10px 0px;
   margin: 0px 15px;
   >box>button {
     &:hover{
       background-color: $bar-hover-bg-color;
+      color: $bar-hover-fg-color;
     }
   }
 
@@ -69,7 +68,6 @@ circular-progress {
   background-color: $bar-inactive-bg-color;
   color: $bar-inactive-fg-color;
   border-radius: $bar-module-border-radius;
-//  margin: 10px 0px;
 }
 .revealer-on-hover>widget>box>box>*,
 .reveal_children>*,
@@ -86,7 +84,7 @@ circular-progress {
 .reveal_children>box,
 .reveal_children>widget,
 .reveal_children>button {
-  border-left: 2px solid rgba($color0,0.5);
+  border-left: 1px solid $bar-bg-color;
 }
 .rightgroup>label,
 .rightgroup>button,
@@ -94,38 +92,34 @@ circular-progress {
 .profile,
 .active_window {
   background-color: $bar-inactive-bg-color;
-//  border: 2px solid rgba($color0,0.5);
   color: $bar-inactive-fg-color;
   padding: 3px 4px;
   border-radius: $bar-module-border-radius;
-//  margin: 10px 0px;
-//  padding: 5px;
 }
 label {
   margin-top: 2px;
 }
 .workspaces {
   background-color: $bar-inactive-bg-color;
-//  border: 0px solid rgba($color0,0);
   border-radius: $bar-module-border-radius;
 }
 .workspaces button {
   background-color: $bar-inactive-bg-color;
-//  border: 2px solid rgba($color0,0.5);
+  border-left: 1px solid $bar-bg-color;
   color: $bar-inactive-fg-color;
-//  margin: 10px 0px;
   padding: 3px 4px;
   min-width: $bar-module-width;
 }
 .workspaces button:hover {
   background-color: $bar-hover-bg-color;
-  color: $color1;
+  color: $bar-hover-fg-color;
   transition-property: background-color;
   transition-duration: .25s;
 }
 .workspaces .focused{
   background-color: $bar-active-bg-color;
   color: $bar-active-fg-color;
+  box-shadow: 0px -4px 9px $color2 inset;
 }
 button.active {
   background-color: $bar-active-bg-color;
@@ -133,6 +127,7 @@ button.active {
 }
 .workspaces button:first-child {
   border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
+  border-left: 0px solid $bar-bg-color;
 }
 .workspaces button:last-child,
 .reveal_children>box:last-child,