diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index f3be56e414..85f5521244 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -14,7 +14,7 @@
             {{ title }}
           </slot>
         </p>
-        <div v-if="description || $slots.description" :class="twMerge(ui.description, !title && !$slots.title && 'mt-0 leading-5')">
+        <div v-if="description || $slots.description" :class="twMerge(ui.default.description, !title && !$slots.title && ui.description)">
           <slot name="description" :description="description">
             {{ description }}
           </slot>
diff --git a/src/runtime/ui.config/elements/alert.ts b/src/runtime/ui.config/elements/alert.ts
index 2a503eceb4..19a57ebd2a 100644
--- a/src/runtime/ui.config/elements/alert.ts
+++ b/src/runtime/ui.config/elements/alert.ts
@@ -2,7 +2,7 @@ export default {
   wrapper: 'w-full relative overflow-hidden',
   inner: 'w-0 flex-1',
   title: 'text-sm font-medium',
-  description: 'mt-1 text-sm leading-4 opacity-90',
+  description: 'mt-0 leading-5',
   actions: 'flex items-center gap-2 mt-3 flex-shrink-0',
   shadow: '',
   rounded: 'rounded-lg',
@@ -30,6 +30,7 @@ export default {
     color: 'white',
     variant: 'solid',
     icon: null,
+    description: 'mt-1 text-sm leading-4 opacity-90',
     closeButton: null,
     actionButton: {
       size: 'xs' as const,