diff --git a/packages/ui/src/components/Form/Textarea/Textarea.vue b/packages/ui/src/components/Form/Textarea/Textarea.vue
index b3302abbb..df48df63b 100644
--- a/packages/ui/src/components/Form/Textarea/Textarea.vue
+++ b/packages/ui/src/components/Form/Textarea/Textarea.vue
@@ -7,12 +7,14 @@ const modelValue = defineModel<string>({ default: '' })
 <template>
   <BasicTextarea
     v-model="modelValue"
-    border="focus:primary-300 dark:focus:primary-400/50 2 solid neutral-100 dark:neutral-900"
-    transition="all duration-200 ease-in-out"
-    text="disabled:neutral-400 dark:disabled:neutral-600"
-    cursor="disabled:not-allowed"
-    w-full rounded-lg px-2 py-1 text-sm outline-none
-    shadow="sm"
-    bg="neutral-50 dark:neutral-950 focus:neutral-50 dark:focus:neutral-900"
+    :class="[
+      'focus:border-primary-300 dark:focus:primary-400/50 border-2 border-solid neutral-100 dark:neutral-900',
+      'transition-all duration-200 ease-in-out',
+      'text-disabled:neutral-400 dark:text-disabled:neutral-600',
+      'cursor-disabled:not-allowed',
+      'w-full rounded-lg px-2 py-1 text-nowrap text-sm outline-none',
+      'shadow-sm',
+      'bg-neutral-50 dark:bg-neutral-950 focus:bg-neutral-50 dark:focus:bg-neutral-900',
+    ]"
   />
 </template>