diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 342af8c..473dae1 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -1,3 +1,5 @@
+$bar-reveal-children-bg-color: rgba($color0, 0.2);
+
 .bar {
   font-size: 1.05em;
   padding: 10px 0px 10px;
@@ -13,10 +15,9 @@
 //    &>box:not(.workspaces),
 //    &>box.revealer-on-hover,
     .revealer-on-hover>widget>box>box>*,
-    .reveal_children>*
+    .reveal_children>*,
     &>button,
-    &>label,
-    .bar-module {
+    &>label {
       color: $bar-module-fg-color;
 //      background-color: $bar-bg-color;
       border-radius: $bar-module-border-radius;
@@ -27,10 +28,24 @@
       background-color: $bar-module-bg-color;
 //      box-shadow: 4px 0 3px -2px $bar-module-fg-color;
     }
-    &>box.revealer-on-hover:not(:last-child),
+    .revealer-on-hover>widget>box>box>*,
+    .reveal_children>*,
+//    &>box.revealer-on-hover:not(:last-child),
     &>button,
     &>label {
-      box-shadow: 4px 0 3px -2px $bar-module-fg-color;
+      box-shadow: 4px 0 3px 0px $bar-module-fg-color;
+    }
+//    .revealer-on-hover {
+//      margin-right: -10px;
+//    }
+    .reveal_children>* {
+      background-color: $bar-reveal-children-bg-color;
+//      margin: 0px;
+      border-radius: 0px 0px $bar-module-border-radius 0px;
+//      padding: -10px;
+//      &:first-child {
+//        box-shadow: 4px 4px 2px 4px red;
+//      }
     }
   }
 
@@ -61,6 +76,7 @@
         margin-right: -2px;
         border-radius: $bar-module-border-radius - 2;
         box-shadow: -4px 0 3px -2px $bar-module-fg-color;
+        background-color: $bar-reveal-children-bg-color;
       }
       &.center {
         color: $bar-module-fg-color;
@@ -73,6 +89,7 @@
         margin-left: -2px;
         border-radius: $bar-module-border-radius - 1;
         box-shadow: 4px 0 3px -2px $bar-module-fg-color;
+        background-color: $bar-reveal-children-bg-color;
       }
       label {
         padding: 4px 6px;