diff --git a/packages/modules/web_themes/koala/source/src/components/ConsumerCard.vue b/packages/modules/web_themes/koala/source/src/components/ConsumerCard.vue
index e4222a63cf..239e8166b9 100644
--- a/packages/modules/web_themes/koala/source/src/components/ConsumerCard.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ConsumerCard.vue
@@ -64,6 +64,15 @@
       </div>
     </q-card-section>
 
+    <q-card-section
+      class="row q-mt-sm text-subtitle2 justify-between full-width"
+    >
+      <div>Tagesverbrauch:</div>
+      <div class="q-ml-sm">
+        {{ dailyImported }}
+      </div>
+    </q-card-section>
+
     <template v-if="!meterOnly">
       <q-card-section>
         <ConsumerModeButtons :consumer-id="props.consumerId" />
@@ -119,6 +128,11 @@ const runTime = computed<string>(() => {
   return `${hours}:${String(minutes).padStart(2, '0')} h`;
 });
 
+const dailyImported = computed(
+  () =>
+    mqttStore.consumerDailyImported('textValue', props.consumerId) as string,
+);
+
 const faultState = computed(() =>
   mqttStore.consumerFaultState(props.consumerId),
 );