diff --git a/frontend/pages/settings/texttemplates.vue b/frontend/pages/settings/texttemplates.vue
index d1152d1..5c7b4bd 100644
--- a/frontend/pages/settings/texttemplates.vue
+++ b/frontend/pages/settings/texttemplates.vue
@@ -238,9 +238,9 @@ const getDocLabel = (type) => {
     </UTable>
   </UDashboardPanelContent>
 
-  <UModal v-model:open="editTemplateModalOpen" :ui="{ content: 'sm:max-w-4xl' }">
+  <UModal v-model:open="editTemplateModalOpen" :ui="{ content: 'max-h-[85vh] overflow-hidden sm:max-w-4xl' }">
     <template #content>
-      <div class="mx-auto flex max-h-[85vh] w-full max-w-4xl flex-col overflow-hidden rounded-2xl bg-default shadow-xl ring-1 ring-black/5">
+      <div class="mx-auto flex h-[85vh] max-h-[85vh] w-full max-w-4xl flex-col overflow-hidden rounded-2xl bg-default shadow-xl ring-1 ring-black/5">
         <div class="flex shrink-0 items-center justify-between border-b border-default px-6 py-5 sm:px-7">
           <h3 class="text-lg font-semibold">
             {{ itemInfo.id ? 'Vorlage bearbeiten' : 'Neue Vorlage erstellen' }}
@@ -249,9 +249,9 @@ const getDocLabel = (type) => {
         </div>
 
         <div class="min-h-0 flex-1 overflow-y-auto px-6 py-5 sm:px-7">
-          <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+          <div class="grid min-w-0 grid-cols-1 gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(16rem,1fr)]">
 
-            <div class="space-y-4 lg:col-span-2">
+            <div class="min-w-0 space-y-4">
               <UFormField label="Bezeichnung" required>
                 <UInput v-model="itemInfo.name" placeholder="z.B. Standard Angebotstext" icon="i-heroicons-tag"/>
               </UFormField>
@@ -294,7 +294,7 @@ const getDocLabel = (type) => {
               <UCheckbox v-model="itemInfo.default" label="Als Standard für diesen Typ verwenden"/>
             </div>
 
-            <div class="h-fit rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800">
+            <div class="h-fit min-w-0 rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800">
           <h4 class="font-semibold mb-3 flex items-center gap-2">
             <UIcon name="i-heroicons-variable"/>
             Variablen
@@ -308,12 +308,12 @@ const getDocLabel = (type) => {
                 v-for="v in variableDefinitions"
                 :key="v.key"
                 @click="insertVariable(v.key)"
-                class="group flex items-center justify-between p-2 rounded hover:bg-white dark:hover:bg-gray-700 border border-transparent hover:border-gray-200 dark:hover:border-gray-600 transition-colors text-left"
+                class="group flex min-w-0 items-center justify-between rounded border border-transparent p-2 text-left transition-colors hover:border-gray-200 hover:bg-white dark:hover:border-gray-600 dark:hover:bg-gray-700"
                 type="button"
             >
               <div>
                 <code
-                    class="text-xs font-bold text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-950/50 px-1 py-0.5 rounded">{{
+                    class="break-all rounded bg-primary-50 px-1 py-0.5 text-xs font-bold text-primary-600 dark:bg-primary-950/50 dark:text-primary-400">{{
                     v.key
                   }}</code>
                 <div class="text-xs text-gray-500 mt-0.5">{{ v.desc }}</div>