diff --git a/packages/core/src/RovingFocus/RovingFocusItem.vue b/packages/core/src/RovingFocus/RovingFocusItem.vue
index 4f27d9c01..41d6348db 100644
--- a/packages/core/src/RovingFocus/RovingFocusItem.vue
+++ b/packages/core/src/RovingFocus/RovingFocusItem.vue
@@ -24,7 +24,8 @@ const props = withDefaults(defineProps<RovingFocusItemProps>(), {
 })
 
 const context = injectRovingFocusGroupContext()
-const id = computed(() => props.tabStopId || useId())
+const randomId = useId()
+const id = computed(() => props.tabStopId || randomId)
 const isCurrentTabStop = computed(
   () => context.currentTabStopId.value === id.value,
 )