diff --git a/src/components/SignUp.tsx b/src/components/SignUp.tsx
index 7fe1828..fb670eb 100644
--- a/src/components/SignUp.tsx
+++ b/src/components/SignUp.tsx
@@ -175,8 +175,9 @@ export default function SignUp() {
     const isEmailValid = validateEmail();
     const isPasswordValid = validatePassword();
     const isZipValid = validateZip();
+    const isOver14Valid = isOverAge14 === true;
 
-    if (!isEmailValid || !isPasswordValid || !isZipValid) {
+    if (!isEmailValid || !isPasswordValid || !isZipValid || !isOver14Valid) {
       return false;
     }
 
@@ -467,7 +468,13 @@ export default function SignUp() {
                         Are you 14 or over?
                         <div className="text-[red]">*</div>
                       </div>
-                      <div className="text-[#667085] text-[14px]">
+                      <div
+                        className={`text-[14px] ${
+                          isOverAge14 === false
+                            ? "text-red-500"
+                            : "text-[#667085]"
+                        }`}
+                      >
                         Note: we require volunteers to be at least 14 to work
                         with us.
                       </div>
@@ -688,7 +695,7 @@ export default function SignUp() {
             ) : (
               <button
                 className={`${
-                  !isFormComplete || submitLoading
+                  !isFormComplete || submitLoading || !isOverAge14
                     ? "bg-[#96E3DA]"
                     : "bg-[#138D8A]"
                 } text-white py-[10px] px-[18px] rounded-[8px] w-full text-center font-semibold`}
@@ -696,7 +703,7 @@ export default function SignUp() {
                 onClick={async () => {
                   await throttledSubmit();
                 }}
-                disabled={!isFormComplete || submitLoading}
+                disabled={!isFormComplete || submitLoading || !isOverAge14}
               >
                 Sign Up
               </button>