diff --git a/packages/ui/src/text/src/index.vue b/packages/ui/src/text/src/index.vue
index 694a477d..c320bb10 100644
--- a/packages/ui/src/text/src/index.vue
+++ b/packages/ui/src/text/src/index.vue
@@ -52,9 +52,9 @@ export default defineComponent({
   render() {
     const className = this.config?.multiple ? 'magic-ui-text' : 'magic-ui-text magic-ui-text--single-line';
     if (typeof this.$slots?.default === 'function') {
-      return h('span', { class: className }, [this.$slots?.default?.() || '']);
+      return h('div', { class: className }, [this.$slots?.default?.() || '']);
     }
-    return h('span', {
+    return h('div', {
       class: className,
       ...(this.displayText ? { innerHTML: this.displayText } : {}),
     });