diff --git a/esphome/ha-remote/ha-remote-1.ui.yaml b/esphome/ha-remote/ha-remote-1.ui.yaml
index 4c9a14a..4bbb3b1 100644
--- a/esphome/ha-remote/ha-remote-1.ui.yaml
+++ b/esphome/ha-remote/ha-remote-1.ui.yaml
@@ -260,7 +260,9 @@ lvgl:
                   widgets:
                     - label:
                         align: center
-                        text: "\U000F10CD"  # mdi:battery-alert-variant-outline-alert-variant-outline
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
+                        text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100
                   y: 0
@@ -667,6 +669,8 @@ lvgl:
                   widgets:
                     - label:
                         align: center
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
                         text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100
@@ -948,6 +952,8 @@ lvgl:
                   widgets:
                     - label:
                         align: center
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
                         text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100
@@ -1271,6 +1277,8 @@ lvgl:
                   widgets:
                     - label:
                         align: center
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
                         text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100
@@ -1720,6 +1728,8 @@ lvgl:
                   widgets:
                     - label:
                         align: center
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
                         text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100
@@ -2085,6 +2095,8 @@ lvgl:
                   widgets:
                     - label:
                         align: center
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
                         text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100
@@ -2492,6 +2504,8 @@ lvgl:
                   widgets:
                     - label:
                         align: center
+                        text_font: mdi_icons
+                        text_color: 0xC4C6CF
                         text: "\U000F10CD"  # mdi:battery-alert-variant-outline
               - button:
                   x: 100