diff --git a/dashboard/ui/main.slint b/dashboard/ui/main.slint
index adf5163..1a92434 100644
--- a/dashboard/ui/main.slint
+++ b/dashboard/ui/main.slint
@@ -82,24 +82,31 @@ component Clock {
 component Battery {
     in property <BatteryData> battery;
 
-    VerticalLayout {
-        alignment: center;
-        padding-left: 5px;
-        padding-right: StyleMetrics.layout-padding;
-
-        Text {
-            text: battery.state;
-            height: 16px;
-            font-weight: 100;
-            horizontal-alignment: left;
+    HorizontalLayout {
+        Image {
+            source: Icons.battery_unknown;
+            colorize: MaterialPalette.primary;
         }
 
-        Text {
-            text: "\{battery.percent}%";
-            font-size: 19px;
-            height: 19px;
-            font-weight: 500;
-            horizontal-alignment: left;
+        VerticalLayout {
+            alignment: center;
+            padding-left: 5px;
+            padding-right: StyleMetrics.layout-padding;
+
+            Text {
+                text: battery.state;
+                height: 16px;
+                font-weight: 100;
+                horizontal-alignment: left;
+            }
+
+            Text {
+                text: "\{battery.percent}%";
+                font-size: 19px;
+                height: 19px;
+                font-weight: 500;
+                horizontal-alignment: left;
+            }
         }
     }
 }