diff --git a/src/pages/setting/components/ChangePassword.tsx b/src/pages/setting/components/ChangePassword.tsx
index 50ad865..68ff4dc 100644
--- a/src/pages/setting/components/ChangePassword.tsx
+++ b/src/pages/setting/components/ChangePassword.tsx
@@ -114,9 +114,9 @@ const ChangePassword: FC = () => {
                     </ul>
                 </div>
 
-                <div className=' xl:hidden block'>
+                <div className='xl:hidden block'>
                     <Button
-                        className='w-32 hidden xl:block'
+                        className='min-w-32 w-fit pr-2 hidden lg:block'
                         onClick={() => formik.handleSubmit()}
                     >
                         <div className='flex gap-2 items-center'>
@@ -128,7 +128,7 @@ const ChangePassword: FC = () => {
                     </Button>
                 </div>
 
-                <div className='justify-end xl:hidden flex'>
+                <div className='justify-end lg:hidden '>
                     <Button
                         className='xl:w-fit px-10'
                         onClick={() => formik.handleSubmit()}