diff --git a/frontend/client-portal/src/pages/auth/VerifyCode.tsx b/frontend/client-portal/src/pages/auth/VerifyCode.tsx
index a5048f89..4aaf2cbd 100755
--- a/frontend/client-portal/src/pages/auth/VerifyCode.tsx
+++ b/frontend/client-portal/src/pages/auth/VerifyCode.tsx
@@ -37,8 +37,6 @@ export default function VerifyCode() {
   useEffect(() => {
     if (state === null) {
       navigate('/auth/login');
-    } else {
-      console.log(state);
     }
   }, [state, navigate]);
 
diff --git a/frontend/client-portal/src/sections/auth/verify-code/VerifyCodeForm.tsx b/frontend/client-portal/src/sections/auth/verify-code/VerifyCodeForm.tsx
index c95c2a8c..9e2e7097 100755
--- a/frontend/client-portal/src/sections/auth/verify-code/VerifyCodeForm.tsx
+++ b/frontend/client-portal/src/sections/auth/verify-code/VerifyCodeForm.tsx
@@ -67,10 +67,10 @@ export default function VerifyCodeForm({ phoneOrEmail }: Props) {
 
   const onSubmit = async (data: FormValuesProps) => {
     try {
-      await new Promise((resolve) => setTimeout(resolve, 750));
+      await new Promise((resolve) => setTimeout(resolve, 1000));
       await validateOtp(phoneOrEmail, Object.values(data).join(''));
-      enqueueSnackbar('Verify success!');
       navigate('/dashboard');
+      enqueueSnackbar('Verify success!', { variant: 'success' });
     } catch (error) {
       console.error(error);
     }