diff --git a/style.scss b/style.scss
index aaa90f8..99a5036 100644
--- a/style.scss
+++ b/style.scss
@@ -53,6 +53,11 @@ window.Bar {
     border-bottom: 4px solid #2ac3de;
   }
 
+  .battery {
+    color: #b4f9f8;
+    border-bottom: 4px solid #b4f9f8;
+  }
+
   .date-popover {
     all: unset;
 
diff --git a/widget/battery.tsx b/widget/battery.tsx
index 7a30aaf..b89020a 100644
--- a/widget/battery.tsx
+++ b/widget/battery.tsx
@@ -14,10 +14,10 @@ export default function Battery() {
 
   return (
     <>
-      <box class="status-box">
+      <box class="status-box battery">
         <label label={battery_info} />
       </box>
-      <Gtk.Separator />
+      <Gtk.Separator class="separator" />
     </>
   )
 }