diff --git a/src/hooks/useGlobalHotkey.ts b/src/hooks/useGlobalHotkey.ts
index 504261f8..8124476c 100644
--- a/src/hooks/useGlobalHotkey.ts
+++ b/src/hooks/useGlobalHotkey.ts
@@ -26,6 +26,7 @@ export default () => {
     handleElementId,
     editorAreaFocus,
     thumbnailsFocus,
+    showSearchPanel,
   } = storeToRefs(mainStore)
   const { currentSlide } = storeToRefs(useSlidesStore())
   const { ctrlKeyState, shiftKeyState, spaceKeyState } = storeToRefs(keyboardStore)
@@ -153,7 +154,7 @@ export default () => {
     }
     if (key === KEYS.F) {
       e.preventDefault()
-      mainStore.setSearchPanelState(true)
+      mainStore.setSearchPanelState(!showSearchPanel.value)
       return
     }
     
diff --git a/src/views/Editor/SearchPanel.vue b/src/views/Editor/SearchPanel.vue
index 1b0c11ab..264b9374 100644
--- a/src/views/Editor/SearchPanel.vue
+++ b/src/views/Editor/SearchPanel.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useMainStore } from '@/store'
 import useSearch from '@/hooks/useSearch'
 import MoveablePanel from '@/components/MoveablePanel.vue'
@@ -75,6 +75,11 @@ const tabs: TabItem[] = [
 const close = () => {
   mainStore.setSearchPanelState(false)
 }
+
+const searchInpRef = ref<HTMLInputElement>()
+onMounted(() => {
+  searchInpRef.value!.focus()
+})
 </script>
 
 <style lang="scss" scoped>