diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Search/index.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Search/index.tsx
index caaa8e6c549e4debdf1b422b5dbcd30ddd2917d5..67539e9da6a60a5ae6dbae8e918d9b9ae647b54d 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Search/index.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Search/index.tsx
@@ -29,7 +29,7 @@ const Search = () => {
 
   useEffect(() => {
     const handleCtrlK = (e: KeyboardEvent) =>
-      (e.ctrlKey || e.metaKey) && e.key === "f" && !visible && setVisible(true)
+      (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "f" && !visible && setVisible(true)
     document.addEventListener("keydown", handleCtrlK)
 
     return () => document.removeEventListener("keydown", handleCtrlK)
@@ -47,10 +47,10 @@ const Search = () => {
   >
     <span className="mr-9 inline-flex items-center">
       <SearchIcon
-        className="mr-1.5 h-4 w-4 fill-dark-secondary dark:fill-white"/>
-        <span
-          className="text-gray-400 text-xs dark:text-gray-100">{t("search")}</span>
-        </span>
+        className="mr-1.5 h-4 w-4 fill-dark-secondary dark:fill-white" />
+      <span
+        className="text-gray-400 text-xs dark:text-gray-100">{t("search")}</span>
+    </span>
     <kbd
       className={joinCls(
         "absolute right-1 rounded-md bg-gray-200 px-1.5 py-0.5",