diff --git a/src/page/Coop/components/SoldoutToggle/index.tsx b/src/page/Coop/components/SoldoutToggle/index.tsx
index 48ca4b7d..65ff7277 100644
--- a/src/page/Coop/components/SoldoutToggle/index.tsx
+++ b/src/page/Coop/components/SoldoutToggle/index.tsx
@@ -4,12 +4,12 @@ import styles from './SoldoutToggle.module.scss';
 export default function SoldoutToggle() {
   const [isActive, setIsActive] = useState(true);
 
-  const toggleButton = () => {
+  const handleToggle = () => {
     setIsActive(!isActive);
   };
 
   return (
-    <svg className={styles['toggle-button']} onClick={toggleButton} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 23">
+    <svg className={styles['toggle-button']} onClick={handleToggle} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 23">
       <rect className={styles.background} x="1.5" y="2" width="43" height="19" fill={isActive ? '#E1E1E1' : '#175C8E'} stroke="#F5F5F5" />
       <circle className={styles.circle} cx={isActive ? 11 : 35} cy="11.5" />
     </svg>