From e196cac6f43e9af231d6d99df12ce4ef7409b3ef Mon Sep 17 00:00:00 2001
From: Jason Rasmussen <jason@rasm.me>
Date: Wed, 22 Oct 2025 14:08:59 -0400
Subject: [PATCH] refactor: asset description modal (#23168)

---
 .../AssetUpdateDescriptionConfirmModal.svelte    | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/web/src/lib/modals/AssetUpdateDescriptionConfirmModal.svelte b/web/src/lib/modals/AssetUpdateDescriptionConfirmModal.svelte
index d7066e8ea6..9bbfb71696 100644
--- a/web/src/lib/modals/AssetUpdateDescriptionConfirmModal.svelte
+++ b/web/src/lib/modals/AssetUpdateDescriptionConfirmModal.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
-  import { ConfirmModal, Input } from '@immich/ui';
+  import { ConfirmModal, Field, Textarea } from '@immich/ui';
   import { mdiText } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
-  interface Props {
+  type Props = {
     onClose: (description?: string) => void;
-  }
+  };
 
   let { onClose }: Props = $props();
-
   let description = $state('');
 </script>
 
@@ -20,11 +19,8 @@
   onClose={(confirmed) => (confirmed ? onClose(description) : onClose())}
 >
   {#snippet promptSnippet()}
-    <div class="flex flex-col text-start gap-2">
-      <div class="flex flex-col">
-        <label for="description">{$t('description')}</label>
-        <Input class="immich-form-input" id="description" bind:value={description} />
-      </div>
-    </div>
+    <Field label={$t('description')}>
+      <Textarea bind:value={description} grow />
+    </Field>
   {/snippet}
 </ConfirmModal>