diff --git a/packages/modules/web_themes/koala/source/src/components/BatteryCard.vue b/packages/modules/web_themes/koala/source/src/components/BatteryCard.vue
index dac93997b5..53ded2c413 100644
--- a/packages/modules/web_themes/koala/source/src/components/BatteryCard.vue
+++ b/packages/modules/web_themes/koala/source/src/components/BatteryCard.vue
@@ -38,15 +38,24 @@
       >
         <div>Ladepriorität:</div>
         <div class="row items-center">
-          <q-icon
-            :name="batteryMode.icon"
-            size="sm"
-            color="primary"
-          />
+          <q-icon :name="batteryMode.icon" size="sm" color="primary" />
           <div>
             {{ batteryMode.label }}
           </div>
         </div>
+        <div
+          v-if="batteryMode.value === 'min_soc_bat_mode'"
+          class="full-width q-mt-md"
+        >
+          <div class="row justify-between">
+            <div>Mindest-SoC des Speichers:</div>
+            <div>{{ batteryRange.min }}%</div>
+          </div>
+          <div class="row justify-between q-mt-sm">
+            <div>Maximal-SoC des Speichers:</div>
+            <div>{{ batteryRange.max }}%</div>
+          </div>
+        </div>
       </q-card-section>
     </div>
     <q-separator inset />
@@ -133,6 +142,8 @@ const power = computed(() => {
   return mqttStore.batteryPower(props.batteryId, 'textValue') as string | '---';
 });
 
+const batteryRange = computed(() => mqttStore.batteryChargePriorityRange);
+
 const dailyImportedEnergy = computed(() => {
   if (isOverview.value) {
     return mqttStore.batteryDailyImportedTotal('textValue') as string | '---';