diff --git a/eww/eww.scss b/eww/eww.scss
index c26b45b..07d3d74 100644
--- a/eww/eww.scss
+++ b/eww/eww.scss
@@ -122,3 +122,7 @@ window, tooltip {
 	color: $primary;
 }
 
+.alert {
+	color: $alert;
+}
+
diff --git a/eww/eww.yuck b/eww/eww.yuck
index 531945e..5b98b41 100644
--- a/eww/eww.yuck
+++ b/eww/eww.yuck
@@ -115,7 +115,7 @@
 
 (defpoll battery :initial "-" :interval 30 "~/.config/eww/scripts/get-battery")
 (defwidget battery []
-  (label_value :text {battery.charging ? "󰂄" : battery.icon} :value "${battery.charge}%"))
+  (label_value :text {battery.charging ? "󰂄" : battery.icon} :value "${battery.charge}%" :value_class {battery.charge < 30 ? "alert" : ""}))
 
 
 (defpoll shader :intiial "" :interval 60 "hyprshade current")