diff --git a/eww/eww.scss b/eww/eww.scss
index fd97f9a..69f1652 100644
--- a/eww/eww.scss
+++ b/eww/eww.scss
@@ -26,6 +26,11 @@
     background: red;
     color: black;
   }
+
+  &--tooltip{
+    background: darkgrey;
+    color: white;
+  }
 }
 
 .music {
diff --git a/eww/widgets/hypr_activewindow.yuck b/eww/widgets/hypr_activewindow.yuck
index edbde88..88afc71 100644
--- a/eww/widgets/hypr_activewindow.yuck
+++ b/eww/widgets/hypr_activewindow.yuck
@@ -19,18 +19,16 @@
     :icon-size: 12
     :icon {activewindow.class}))
 
-(defwidget windowTitle []
-  (label 
-    :class "windowTitle"
-    :limit-width 25
-    :unindent true
-    :text "${activewindow.title}"))
-
 (defwidget hypr_active_window []
-  (box 
-    :class "activewindow${activewindow.xwayland == true ? '--xwayland' : ''}"
-    :halign "left"
-    :valign "center"
-    :spacing 1
-    :tooltip {activewindow.class}
-    (windowTitle)))
+  (tooltip
+    (label :class "activewindow--tooltip" :text {activewindow.title})
+    (box
+      :class "activewindow${activewindow.xwayland == true ? '--xwayland' : ''}"
+      :halign "left"
+      :valign "center"
+      :spacing 1
+      (label 
+        :limit-width 25
+        :unindent true
+        :text "${activewindow.class}"))))
+