diff --git a/packages/ui/src/components/Form/Select/Option.vue b/packages/ui/src/components/Form/Select/Option.vue
index 7d508d2b2..0b148eb9e 100644
--- a/packages/ui/src/components/Form/Select/Option.vue
+++ b/packages/ui/src/components/Form/Select/Option.vue
@@ -14,8 +14,7 @@ const hide = inject('hide') as () => void
 <template>
   <div
     v-bind="{ ...$attrs, class: null, style: null }"
-    class="cursor-pointer rounded px-2 py-1 text-neutral-700 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-800"
-    line-clamp-1 overflow-hidden text-ellipsis whitespace-pre-wrap text="xs sm:sm" transition-colors duration-150 ease-in-out will-change-background-color will-change-color
+    class="line-clamp-1 cursor-pointer overflow-hidden text-ellipsis whitespace-pre-wrap rounded px-2 py-1 text-xs text-neutral-700 transition-colors duration-150 ease-in-out will-change-background-color will-change-color hover:bg-neutral-100 sm:text-sm dark:text-neutral-200 dark:hover:bg-neutral-800"
     :class="{ 'bg-neutral-100 dark:bg-neutral-800': props.active }"
     @click="() => {
       selectOption(props.value)