diff --git a/ui/autoMate/src/renderer/src/App.tsx b/ui/autoMate/src/renderer/src/App.tsx
index 08aa21c..7f05ebe 100644
--- a/ui/autoMate/src/renderer/src/App.tsx
+++ b/ui/autoMate/src/renderer/src/App.tsx
@@ -3,14 +3,27 @@ import Search from "./components/Search"
 import { CodeProvider } from "./context/CodeContext"
 import useShortCut from "./hooks/useShortCut"
 import Error from "./components/Error"
+import { useEffect, useRef } from "react"
 
 
 function App(): JSX.Element {
+  const mainRef = useRef<HTMLDivElement>(null)
+  useEffect(()=>{
+    mainRef.current?.addEventListener('mouseover', ()=>{
+      window.api.setIgnoreMouseEvents(false)
+    })
+
+    document.body.addEventListener('mouseover', (e: MouseEvent)=>{
+      if (e.target === document.body) {
+        window.api.setIgnoreMouseEvents(true, {forward: true})
+      }
+    })
+  }, [])
   const shortCut = useShortCut()
   shortCut.register("search", "CommandOrControl+n")
   return (
     <CodeProvider>
-      <main className="relative">
+      <main className="relative" ref={mainRef}>
       <Error/>
       <Search />
       <Result />
diff --git a/ui/autoMate/src/renderer/src/assets/global.scss b/ui/autoMate/src/renderer/src/assets/global.scss
index 4630894..da23662 100644
--- a/ui/autoMate/src/renderer/src/assets/global.scss
+++ b/ui/autoMate/src/renderer/src/assets/global.scss
@@ -1,5 +1,5 @@
 body{
-    // @apply bg-slate-50;
+    @apply w-screen h-screen;
 }
 
 *{
diff --git a/ui/autoMate/src/renderer/src/components/Search/index.tsx b/ui/autoMate/src/renderer/src/components/Search/index.tsx
index fcb03c9..a8ab24d 100644
--- a/ui/autoMate/src/renderer/src/components/Search/index.tsx
+++ b/ui/autoMate/src/renderer/src/components/Search/index.tsx
@@ -2,21 +2,11 @@ import { useStore } from "@renderer/store/useStore"
 import useSearch from "@renderer/hooks/useSearch"
 import { SettingOne } from "@icon-park/react"
 import { Input } from "antd"
-import { useEffect, useRef } from "react"
 export default function Search(): JSX.Element {
   const search = useStore((state)=>state.search)
   const {handleSearch} = useSearch()
-  const mainRef = useRef<HTMLDivElement | null>(null)
-  useEffect(()=>{
-    mainRef.current?.addEventListener('mouseover', (_e: MouseEvent)=>{
-      window.api.setIgnoreMouseEvents(false)
-    })
-    mainRef.current?.addEventListener('mouseout', (_e: MouseEvent)=>{
-      window.api.setIgnoreMouseEvents(true, {forward: true})
-    })
-  },[])
   return (
-    <main className="bg-slate-50 p-3 rounded-lg drag"  ref={mainRef}>
+    <main className="bg-slate-50 p-3 rounded-lg drag" >
         <section className="bg-slate-200 p-3 rounded-lg flex items-center gap-1 nodrag">
             <SettingOne 
               theme="outline"