diff --git a/src/components/FeatureSlider.vue b/src/components/FeatureSlider.vue
index c750eb9..eeb0a5c 100644
--- a/src/components/FeatureSlider.vue
+++ b/src/components/FeatureSlider.vue
@@ -5,10 +5,10 @@ import monitorManager from "../monitor";
 import sheet from "../style.module.sass";
 import settings from "../settings";
 
-const iconMap = {
+const iconMap: { [key: string]: string } = {
     luminance: "\uE706",
     contrast: "\uE793",
-    brightness: "\uE7E8",
+    brightness: "\uE706",
     volume: "\uE767",
     powerstate: "\uE7E8",
 };
@@ -47,7 +47,7 @@ export default defineComponent({
             return this.feature.value.maximum;
         },
         icon() {
-            return (iconMap as { [key: string]: string })[this.featureName];
+            return iconMap[this.featureName];
         },
         update() {
             const { updateInterval } = settings;
diff --git a/src/components/MonitorItem.vue b/src/components/MonitorItem.vue
index 6e9f522..c070578 100644
--- a/src/components/MonitorItem.vue
+++ b/src/components/MonitorItem.vue
@@ -34,6 +34,9 @@ export default defineComponent({
                 return void 0;
             }
         },
+        icon() {
+            return this.monitor.features[0]?.value.source == "wmi" ? "\ue7f8" : "\ue7f4";
+        },
     },
     methods: {
         handlePowerOff() {
@@ -53,7 +56,7 @@ export default defineComponent({
             :class="[sheet.horizontalFlex, sheet.spreadContent, sheet.centerItems, sheet.cozyLine]"
         >
             <div>
-                <span :class="sheet.bigIcon" aria-label="monitor">&#xE7F4;</span>
+                <span :class="sheet.bigIcon" aria-label="monitor">{{ icon }}</span>
                 <span
                     :class="[sheet.titleFont, sheet.selectable]"
                     style="margin-inline-start: 0.15em"