diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue
index b1fbc993e..43b3fd1cd 100644
--- a/packages/overlay/src/App.vue
+++ b/packages/overlay/src/App.vue
@@ -84,8 +84,8 @@ const vueInspectorEnabled = computed(() => {
   return !!vueInspector.value
 })
 
-function enableVueInspector() {
-  vueInspector.value.enable()
+function toggleVueInspector() {
+  vueInspector.value.toggleEnabled()
 }
 
 const { getIframe } = useIframe(clientUrl, async () => {
@@ -129,7 +129,7 @@ const { getIframe } = useIframe(clientUrl, async () => {
           class="vue-devtools__anchor-btn vue-devtools__panel-content vue-devtools__inspector-button"
           title="Toggle Component Inspector"
           :class="{ active: vueInspectorEnabled }"
-          @click="enableVueInspector"
+          @click="toggleVueInspector"
         >
           <svg
             xmlns="http://www.w3.org/2000/svg" style="height: 1.1em; width: 1.1em; opacity:0.5;"