diff --git a/src/components/ButtonActive/index.tsx b/src/components/ButtonActive/index.tsx
index d096b68..1c78d6a 100644
--- a/src/components/ButtonActive/index.tsx
+++ b/src/components/ButtonActive/index.tsx
@@ -7,8 +7,9 @@ interface Props {
 export default function ButtonActive({ activation, onClick, text }: Props) {
   return (
     <button
-      className={`w-full h-[3.25rem] mb-4 text-white outline-none rounded-xl font-semibold ${activation ? "bg-violet400" : "bg-darkgray cursor-default"}`}
-      onClick={() => onClick()}
+      className={`w-full h-[3.25rem] mb-4 text-white outline-none rounded-xl font-semibold ${activation ? "bg-violet400" : "bg-darkgray cursor-not-allowed"}`}
+      onClick={onClick}
+      disabled={!activation}
     >
       {text}
     </button>