diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index baad57a..2e7e85e 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -297,6 +297,16 @@ $home-widget-border-hover-color: rgba($color5,0.3);
     border-radius: $home-widget-border-radius;
     box-shadow: inset 0 0 0px 3px $home-widget-border-color;
   }*/
+
+  .nowplayingbar {
+    border: 3px solid $home-widget-border-color;
+    border-radius: $home-widget-border-radius;
+    background-color: $home-widget-bg-color;
+    .mediabutton {
+      background-color: $home-button-bg-color;
+      border-radius: $home-button-circle-border-radius
+    }
+  }
   .nowplayingart,
   .rat {
     background-position: center;
@@ -342,7 +352,7 @@ $home-widget-border-hover-color: rgba($color5,0.3);
     border-top: 1px solid $home-widget-border-color;
   }
   .rat,
-  .nowplayingart,
+//  .nowplayingart,
   .shortcuts {
     border: 3px solid $home-widget-border-color;
     border-radius: $home-widget-border-radius;
diff --git a/de/home/.config/eww/modules/home/nowplayingart.yuck b/de/home/.config/eww/modules/home/nowplayingart.yuck
index e9c2289..513728e 100644
--- a/de/home/.config/eww/modules/home/nowplayingart.yuck
+++ b/de/home/.config/eww/modules/home/nowplayingart.yuck
@@ -8,26 +8,39 @@
     :width 250
     :height 100
     :space-evenly false
-    (nowplayingart)
+    :valign "fill"
     (button
       :height 50
       :width 50
+      (nowplayingart))
+    (button
+      :class "mediabutton"
+      :valign "center"
+      :halign "end"
+      :height 25
+      :width 25
       "")
     (button
-      :height 50
-      :width 50
+      :class "mediabutton"
+      :valign "center"
+      :halign "end"
+      :height 25
+      :width 25
       "󰐎")
     (label
-      :height 50
-      :width 50
+      :class "mediabutton"
+      :valign "center"
+      :halign "end"
+      :height 25
+      :width 25
       :text "")))
 
 (defwidget nowplayingart []
   (box
     :class "nowplayingart"
 ;    :hexpand false
-    :width 50
-    :height 50
+;    :width 50
+;    :height 50
 ;    :style "background-image: url('/run/user/1000/album_art_cache/getCoverArt.view?id=952&u=pogmommy&p=mG%232001068485&v=1.13.0&c=Feishin&size=300');"))
     :style "background-image: url('${nowplaying_img_path}');"))
 ;    :style "background-image: url('${rat_image}');"))