diff --git a/src/runtime/components/Separator.vue b/src/runtime/components/Separator.vue
index 43960874f3..5f70973074 100644
--- a/src/runtime/components/Separator.vue
+++ b/src/runtime/components/Separator.vue
@@ -65,6 +65,8 @@ import { tv } from '../utils/tv'
 import UIcon from './Icon.vue'
 import UAvatar from './Avatar.vue'
 
+defineOptions({ inheritAttrs: false })
+
 const _props = withDefaults(defineProps<SeparatorProps>(), {
   orientation: 'horizontal',
   position: 'center'
@@ -102,7 +104,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.separator ||
     </div>
   </DefineContainer>
 
-  <Separator v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Separator v-bind="{ ...rootProps, ...$attrs }" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <ReuseContainer v-if="hasContent && props.position === 'start'" />
 
     <div data-slot="border" :class="ui.border({ class: props.ui?.border })" />