1 files changed, 9 insertions, 2 deletions
diff --git a/client/src/pages/Enrollment/Enrollment.jsx b/client/src/pages/Enrollment/Enrollment.jsx
index 98def04..49e9c6e 100644
--- a/client/src/pages/Enrollment/Enrollment.jsx
+++ b/client/src/pages/Enrollment/Enrollment.jsx
@@ -6,11 +6,18 @@ import FormOne from './FormOne/FormOne'
 
 const Enrollment = () => {
   const navigate = useNavigate()
+
+  const handleSubmit = () => {
+    navigate('/enrollment/form2')
+  }
+
   return (
     <>
       <Header subheading="Enrollment" />
-      <FormOne />
-      <SubmitButton onClick={() => navigate('/enrollment/form2')} />
+      <form onSubmit={() => handleSubmit()}>
+        <FormOne />
+        <SubmitButton />
+      </form>
     </>
   )
 }