diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 80ef31a6..396d19dd 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -15,7 +15,7 @@
   export let position: $$Props['position'] = 'bottom-left';
   export let showZoom: $$Props['showZoom'] = true;
   export let showFitView: $$Props['showFitView'] = true;
-  export let showInteractive: $$Props['showInteractive'] = true;
+  export let showLock: $$Props['showLock'] = true;
   export let buttonBgColor: $$Props['buttonBgColor'] = undefined;
   export let buttonBgColorHover: $$Props['buttonBgColorHover'] = undefined;
   export let buttonColor: $$Props['buttonColor'] = undefined;
@@ -101,7 +101,7 @@
       <FitViewIcon />
     </ControlButton>
   {/if}
-  {#if showInteractive}
+  {#if showLock}
     <ControlButton
       class="svelte-flow__controls-interactive"
       on:click={onToggleInteractivity}
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 0f3c05d7..31131dff 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -4,7 +4,7 @@ export type ControlsProps = {
   position?: PanelPosition;
   showZoom?: boolean;
   showFitView?: boolean;
-  showInteractive?: boolean;
+  showLock?: boolean;
   buttonBgColor?: string;
   buttonBgColorHover?: string;
   buttonColor?: string;