diff --git a/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue b/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue
index fff1ab428f5..2fa2a7e9e78 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nToggle/Toggle.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Toggle, ToggleGroupItem, type AcceptableValue } from 'reka-ui';
+import { Toggle as TogglePrimitive, ToggleGroupItem, type AcceptableValue } from 'reka-ui';
 import { computed, ref, useAttrs, useCssModule } from 'vue';
 
 import type { IconName } from '@n8n/design-system/components/N8nIcon/icons';
@@ -88,7 +88,7 @@ const pressed = computed({
 			</span>
 		</ToggleGroupItem>
 
-		<Toggle
+		<TogglePrimitive
 			v-else
 			v-bind="attrs"
 			v-model="pressed"
@@ -103,7 +103,7 @@ const pressed = computed({
 				<N8nIcon v-if="icon" :icon="icon" :size="computedIconSize" />
 				<slot />
 			</span>
-		</Toggle>
+		</TogglePrimitive>
 	</N8nTooltip>
 </template>