diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 1ba51aac..6667446d 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -92,13 +92,11 @@ const ui = computed(() => alert({
           {{ title }}
         </slot>
       </div>
-      <template v-if="description || !!slots.description">
-        <div :class="ui.description({ class: props.ui?.description })">
-          <slot name="description">
-            {{ description }}
-          </slot>
-        </div>
-      </template>
+      <div v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+        <slot name="description">
+          {{ description }}
+        </slot>
+      </div>
 
       <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
         <slot name="actions">
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index dc5ab8fa..606c58e5 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -115,13 +115,11 @@ defineExpose({
           {{ title }}
         </slot>
       </ToastTitle>
-      <template v-if="description || !!slots.description">
-        <ToastDescription :class="ui.description({ class: props.ui?.description })">
-          <slot name="description">
-            {{ description }}
-          </slot>
-        </ToastDescription>
-      </template>
+      <ToastDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+        <slot name="description">
+          {{ description }}
+        </slot>
+      </ToastDescription>
 
       <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
         <slot name="actions">