diff --git a/src/components/admin/configuration/templateUsage/TemplateUsageListItem.vue b/src/components/admin/configuration/templateUsage/TemplateUsageListItem.vue
index f76ffd5..9b2b462 100644
--- a/src/components/admin/configuration/templateUsage/TemplateUsageListItem.vue
+++ b/src/components/admin/configuration/templateUsage/TemplateUsageListItem.vue
@@ -42,10 +42,11 @@
         <div class="flex flex-row gap-2 items-center">
           <p class="whitespace-nowrap">Höhe [mm]:</p>
           <input
+            ref="headerHeight"
             id="headerHeight"
             type="number"
             :min="15"
-            v-model="templateUsage.headerHeight"
+            :value="templateUsage.headerHeight"
             class="!w-24"
             placeholder="15"
           />
@@ -71,10 +72,11 @@
         <div class="flex flex-row gap-2 items-center">
           <p class="whitespace-nowrap">Höhe [mm]:</p>
           <input
+            ref="footerHeight"
             id="footerHeight"
             type="number"
             :min="15"
-            v-model="templateUsage.footerHeight"
+            :value="templateUsage.footerHeight"
             class="!w-24"
             placeholder="15"
           />
@@ -160,6 +162,8 @@ export default defineComponent({
       (this.$refs.header as HTMLSelectElement).value = String(this.templateUsage.header?.id ?? "def");
       (this.$refs.body as HTMLSelectElement).value = String(this.templateUsage.body?.id ?? "def");
       (this.$refs.footer as HTMLSelectElement).value = String(this.templateUsage.footer?.id ?? "def");
+      (this.$refs.headerHeight as HTMLInputElement).value = (this.templateUsage.headerHeight ?? "").toString();
+      (this.$refs.footerHeight as HTMLInputElement).value = (this.templateUsage.footerHeight ?? "").toString();
     },
   },
 });