diff --git a/FileBox/src/App.tsx b/FileBox/src/App.tsx
index 0478745..9849313 100644
--- a/FileBox/src/App.tsx
+++ b/FileBox/src/App.tsx
@@ -34,10 +34,15 @@ function Item({ name, onCheckChange, modifiedDate, icon, size, onDoubleClick }:
   const [isChecked, setIsChecked] = useState(false)
 
   function handleChange(checked?: boolean) {
-    setIsChecked(checked ?? !isChecked)
-    onCheckChange(checked ?? !isChecked)
+    const newCheckedState = checked ?? !isChecked
+    setIsChecked(newCheckedState)
+    onCheckChange(newCheckedState)
   }
 
+  useEffect(() => {
+    setIsChecked(false)
+  }, [name])
+
   return (
     <div
       className="relative w-32 lg:w-40 p-4 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 dark:bg-gray-700"