diff --git a/widget/bar/battery.tsx b/widget/bar/battery.tsx
index dcab464..1b8a6bf 100644
--- a/widget/bar/battery.tsx
+++ b/widget/bar/battery.tsx
@@ -5,8 +5,7 @@ export const Battery = () => {
   const battery = AstalBattery.get_default();
 
   return (
-    <box visible={bind(battery, "isPresent")}>
-      <image iconName={bind(battery, "batteryIconName")} />
+    <box cssClasses={["battery"]} visible={bind(battery, "isPresent")}>
       <label
         label={bind(battery, "percentage").as((p) => `${Math.floor(p * 100)}%`)}
       />