diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index f212e74..d4761b2 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -95,7 +95,7 @@ progressbar>trough>progress {
   border-radius: 4px;
   min-height: 10px;
   transition: box-shadow 0.3s;
-}*/
+}
 
 scale trough highlight:hover {
   box-shadow: 0px 0px 0px 2px $color2;
@@ -110,8 +110,10 @@ circular-progress {
 .revealer-on-hover {
   color: $bar-module-fg-color;
   border-radius: $bar-module-border-radius;
-}
-.revealer-on-hover>widget>box>box>*,
+}*/
+
+
+/*.revealer-on-hover>widget>box>box>*,
 .revealer-on-hover>widget>box>box>button,
 .revealer-on-hover>widget>box>revealer>box>box>*,
 .reveal_children>*,
@@ -125,7 +127,7 @@ circular-progress {
 //    background-color: rgba($color1,0.5);
 //    border: 1px solid $bar-module-fg-color;
   }
-}
+}*/
 
 .reveal_children>button {
   image {
diff --git a/de/home/.config/eww/modules/bar/battery.yuck b/de/home/.config/eww/modules/bar/battery.yuck
index 48e7e01..6527b9c 100644
--- a/de/home/.config/eww/modules/bar/battery.yuck
+++ b/de/home/.config/eww/modules/bar/battery.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_battery
     :revealvar-name "reveal_battery"
     (label
-      :class {(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? "active" : "" }
+      :class "revealer-preview {(EWW_BATTERY == '' || jq(EWW_BATTERY,'.[].status?','r') == 'Charging') ? 'active' : '' }"
 ;            :tooltip "${jq(EWW_BATTERY,'.[].capacity?')}%"
 ;      {(EWW_BATTERY == "") ? "" : `${(jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " ${jq(EWW_BATTERY,'.[].capacity?')}%" : " ${jq(EWW_BATTERY,'.[].capacity?')}%"}`})
       :text `${(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " " : "󰁹 "}${(EWW_BATTERY == "") ? "" : "${round(jq(EWW_BATTERY,'.[].capacity?'),0)}%"}`)
diff --git a/de/home/.config/eww/modules/bar/bluetooth.yuck b/de/home/.config/eww/modules/bar/bluetooth.yuck
index bc40586..3705cc2 100644
--- a/de/home/.config/eww/modules/bar/bluetooth.yuck
+++ b/de/home/.config/eww/modules/bar/bluetooth.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_bluetooth
     :revealvar-name "reveal_bluetooth"
     (button :onclick 'blueman-manager'
-            :class {matches(jq(bluetooth_status,'.[].connected'),'yes') ? "active" : "inactive"}
+            :class "revealer-preview {matches(jq(bluetooth_status,'.[].connected'),'yes') ? 'active' : 'inactive'}"
       "")
     (bluetooth_children :array bluetooth_status)))
 
diff --git a/de/home/.config/eww/modules/bar/network.yuck b/de/home/.config/eww/modules/bar/network.yuck
index f5c3aad..8ee68af 100644
--- a/de/home/.config/eww/modules/bar/network.yuck
+++ b/de/home/.config/eww/modules/bar/network.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_network
     :revealvar-name "reveal_network"
     (button :onclick 'nm-connection-editor'
-            :class {network_status.wifi || network_status.wired ? "active" : "inactive"}
+            :class "revealer-preview ${network_status.wifi || network_status.wired ? 'active' : 'inactive'}"
       "󰇧")
     (network_children)))
 
diff --git a/de/home/.config/eww/modules/bar/sysdisk.yuck b/de/home/.config/eww/modules/bar/sysdisk.yuck
index 5891c20..31a482f 100644
--- a/de/home/.config/eww/modules/bar/sysdisk.yuck
+++ b/de/home/.config/eww/modules/bar/sysdisk.yuck
@@ -4,6 +4,7 @@
     :revealvar reveal_sysdisk
     :revealvar-name "reveal_sysdisk"
     (metric :label "󰟒 "
+            :class "revealer-preview"
             :tooltip "home"
             :value {EWW_DISK["/home"].used_perc})
     (sysdisk_children)))
diff --git a/de/home/.config/eww/modules/bar/sysmem.yuck b/de/home/.config/eww/modules/bar/sysmem.yuck
index b42cd62..ad1f3d2 100644
--- a/de/home/.config/eww/modules/bar/sysmem.yuck
+++ b/de/home/.config/eww/modules/bar/sysmem.yuck
@@ -4,6 +4,7 @@
     :revealvar reveal_sysmem
     :revealvar-name "reveal_sysmem"
     (metric :label " "
+            :class "revealer-preview"
             :value {EWW_RAM.used_mem_perc})
     (sysmem_children)))
 
diff --git a/de/home/.config/eww/modules/bar/volume.yuck b/de/home/.config/eww/modules/bar/volume.yuck
index 69c5c5c..c96f925 100644
--- a/de/home/.config/eww/modules/bar/volume.yuck
+++ b/de/home/.config/eww/modules/bar/volume.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_volume
     :revealvar-name "reveal_volume"
     (button :onclick 'pavucontrol-qt --tab 3'
-            :class {(volume == 0) ? "" : "active"}
+            :class "revealer-preview ${(volume == 0) ? '' : 'active'}"
       {(volume == 0) ? "" : ((volume > 50) ? "" : "")})
     (volume_children)))
 
diff --git a/de/home/.config/eww/modules/bar/vpn.yuck b/de/home/.config/eww/modules/bar/vpn.yuck
index fc3d1fe..9820974 100644
--- a/de/home/.config/eww/modules/bar/vpn.yuck
+++ b/de/home/.config/eww/modules/bar/vpn.yuck
@@ -4,7 +4,7 @@
     :revealvar reveal_vpn
     :revealvar-name "reveal_vpn"
     (button :onclick 'notify-send "test"'
-            :class {network_status.proton || network_status.homevpn ? "active" : "inactive"}
+            :class "revealer-preview ${network_status.proton || network_status.homevpn ? 'active' : 'inactive'}"
       {network_status.proton || network_status.homevpn ? "" : ""})
     (vpn_children)))
 
diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss
index 8cc95e0..f95826d 100644
--- a/de/home/.config/eww/style/bar.scss
+++ b/de/home/.config/eww/style/bar.scss
@@ -60,7 +60,7 @@
       }
     }
   }
-  scale trought,
+  scale trough,
   progressbar>trough {
     background-color: $color9;
     min-width: 50px;
@@ -73,5 +73,22 @@
     border-radius: 4px;
     min-height: 10px;
     transition: box-shadow 0.3s;
+    &:hover{
+      box-shadow: 0px 0px 0px 2px $color2;
+    }
+  }
+  //value graphs
+  circular-progress {
+    color: $color9;
+    background-color: $color2;
+  }
+//  .revealer-on-hover>widget>
+  .revealer-preview {
+    padding: 3px 4px;
+    min-width: $bar-module-width;
+    transition: all 0.3s;
+    &:hover {
+      text-shadow: $bar-module-hover-shadow;
+    }
   }
 }