diff --git a/src/features/auth/components/StepEnterNumber.tsx b/src/features/auth/components/StepEnterNumber.tsx
index 338cbf5..8e9df53 100644
--- a/src/features/auth/components/StepEnterNumber.tsx
+++ b/src/features/auth/components/StepEnterNumber.tsx
@@ -114,6 +114,7 @@ function StepEnterNumber(_props: StepEnterNumberProps = {}) {
               pending={isPending}
               type='button'
               onClick={() => formik.handleSubmit()}
+              className='dark:bg-white dark:text-black hover:dark:bg-white'
             >
               {t('Enter.ButtonSubmit')}
             </Button>
diff --git a/src/features/auth/components/StepOtp.tsx b/src/features/auth/components/StepOtp.tsx
index 5e4c3d3..bd6b5f0 100644
--- a/src/features/auth/components/StepOtp.tsx
+++ b/src/features/auth/components/StepOtp.tsx
@@ -109,7 +109,7 @@ const StepOtp = ({ phone, slug, code }: Props) => {
             />
 
             <Button
-                className='mt-10'
+                className='mt-10 dark:bg-white dark:text-black hover:dark:bg-white'
                 disabled={!formik.isValid}
                 pending={isPending || isBulkCartPending}
                 type='button'