diff --git a/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx b/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx
index 9ea59d9..006e0c5 100644
--- a/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx
+++ b/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx
@@ -213,20 +213,28 @@ export function OtpVerifyForm({
         sx={{
           justifyContent: 'center',
           alignItems: 'center',
-          mt: 1.5,
+          mt: 2.5,
         }}
       >
         <Typography variant="body1">{t('verify.resendCodeIn')}</Typography>
 
-        <Button
-          variant="text"
-          loading={smsResendLoading || emailResendLoading}
-          sx={{ width: 'auto' }}
-          onClick={canResend ? handleResendOTPCode : undefined}
+        <Typography
+          variant="body1"
+          sx={{ color: 'primary.main', marginInlineStart: 1 }}
         >
-          {canResend && t('verify.resendCode')}
           {!canResend && `${formatTime(resendTimer)} ${t('verify.moreMinute')}`}
-        </Button>
+        </Typography>
+
+        {canResend && (
+          <Button
+            variant="text"
+            loading={smsResendLoading || emailResendLoading}
+            sx={{ width: 'auto', p: 0 }}
+            onClick={canResend ? handleResendOTPCode : undefined}
+          >
+            {t('verify.resendCode')}
+          </Button>
+        )}
       </Stack>
     </Stack>
   );
diff --git a/src/features/authentication/components/AuthenticationSteps/VerifyPhoneNumber.tsx b/src/features/authentication/components/AuthenticationSteps/VerifyPhoneNumber.tsx
index d58553f..c629924 100644
--- a/src/features/authentication/components/AuthenticationSteps/VerifyPhoneNumber.tsx
+++ b/src/features/authentication/components/AuthenticationSteps/VerifyPhoneNumber.tsx
@@ -140,20 +140,28 @@ export function VerifyPhoneNumber({
         sx={{
           justifyContent: 'center',
           alignItems: 'center',
-          mt: 1.5,
+          mt: 2.5,
         }}
       >
         <Typography variant="body1">{t('verify.resendCodeIn')}</Typography>
 
-        <Button
-          variant="text"
-          loading={smsResendLoading}
-          sx={{ width: 'auto' }}
-          onClick={canResend ? handleResendOTPCode : undefined}
+        <Typography
+          variant="body1"
+          sx={{ color: 'primary.main', marginInlineStart: 1 }}
         >
-          {canResend && t('verify.resendCode')}
           {!canResend && `${formatTime(resendTimer)} ${t('verify.moreMinute')}`}
-        </Button>
+        </Typography>
+
+        {canResend && (
+          <Button
+            variant="text"
+            loading={smsResendLoading}
+            sx={{ width: 'auto', p: 0 }}
+            onClick={canResend ? handleResendOTPCode : undefined}
+          >
+            {t('verify.resendCode')}
+          </Button>
+        )}
       </Stack>
     </Stack>
   );
diff --git a/src/features/authentication/components/ForgetPassword/ForgetPasswordOtp.tsx b/src/features/authentication/components/ForgetPassword/ForgetPasswordOtp.tsx
index bd1afea..34596d4 100644
--- a/src/features/authentication/components/ForgetPassword/ForgetPasswordOtp.tsx
+++ b/src/features/authentication/components/ForgetPassword/ForgetPasswordOtp.tsx
@@ -171,20 +171,28 @@ export function ForgetPasswordOtp({
         sx={{
           justifyContent: 'center',
           alignItems: 'center',
-          mt: 1.5,
+          mt: 2.5,
         }}
       >
         <Typography variant="body1">{t('verify.resendCodeIn')}</Typography>
 
-        <Button
-          variant="text"
-          loading={sendForgetPassCodeLoading}
-          sx={{ width: 'auto' }}
-          onClick={canResend ? handleResendOTPCode : undefined}
+        <Typography
+          variant="body1"
+          sx={{ color: 'primary.main', marginInlineStart: 1 }}
         >
-          {canResend && t('verify.resendCode')}
           {!canResend && `${formatTime(resendTimer)} ${t('verify.moreMinute')}`}
-        </Button>
+        </Typography>
+
+        {canResend && (
+          <Button
+            variant="text"
+            loading={sendForgetPassCodeLoading}
+            sx={{ width: 'auto', p: 0 }}
+            onClick={canResend ? handleResendOTPCode : undefined}
+          >
+            {t('verify.resendCode')}
+          </Button>
+        )}
       </Stack>
     </Stack>
   );