diff --git a/src/components/DefaulModal.tsx b/src/components/DefaulModal.tsx
index b9d1561..c4bf07d 100644
--- a/src/components/DefaulModal.tsx
+++ b/src/components/DefaulModal.tsx
@@ -45,7 +45,7 @@ const DefaulModal: FC<Props> = (props: Props) => {
                             </div>
                         </div>
 
-                        <div onClick={props.close} className='fixed size-full bottom-0 right-0 modalGlass inset-0 z-50 '></div>
+                        <div onClick={props.close} className='fixed size-full top-0 bottom-0 right-0 modalGlass inset-0 z-50 '></div>
                     </Fragment>
                 )
             }
diff --git a/src/index.css b/src/index.css
index cba4ead..e09ea81 100644
--- a/src/index.css
+++ b/src/index.css
@@ -15,6 +15,7 @@ body {
   overflow-x: hidden !important;
   background: #eceef6;
   font-weight: 300;
+  overflow: hidden;
 }
 html,
 body,
diff --git a/src/pages/auth/Login.tsx b/src/pages/auth/Login.tsx
index 6236351..04c9063 100644
--- a/src/pages/auth/Login.tsx
+++ b/src/pages/auth/Login.tsx
@@ -12,9 +12,9 @@ const Login: FC = () => {
 
 
     return (
-        <div className='w-full h-full flex justify-center py-[75px] items-center px-10'>
+        <div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
             <div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
-                <div className='flex-1 min-w-[50%] overflow-y-auto  bg-white px-9 py-7'>
+                <div className='flex-1 min-w-[50%] overflow-y-auto  bg-white lg:px-9 px-4 py-7'>
                     <div className='flex-1 h-full flex flex-col'>
                         <img src={LogoSmallImage} className='w-8' />
 
@@ -35,7 +35,7 @@ const Login: FC = () => {
                     </div>
                 </div>
 
-                <div className='flex-1 min-w-[50%] flex justify-center items-center'>
+                <div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
                     <img src={LogoImage} className='h-20' />
                 </div>
             </div>
diff --git a/src/pages/auth/Register.tsx b/src/pages/auth/Register.tsx
index 6eae68a..afda833 100644
--- a/src/pages/auth/Register.tsx
+++ b/src/pages/auth/Register.tsx
@@ -13,9 +13,9 @@ const Register: FC = () => {
     const { t } = useTranslation('global')
 
     return (
-        <div className='w-full h-full flex justify-center py-[75px] items-center px-10'>
+        <div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
             <div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
-                <div className='flex-1 min-w-[50%] overflow-y-auto  bg-white px-9 py-7'>
+                <div className='flex-1 min-w-[50%] overflow-y-auto  bg-white lg:px-9 px-4 py-7'>
                     <div className=''>
                         <img src={LogoSmallImage} className='w-8' />
                         <div className='mt-5'>
@@ -89,7 +89,7 @@ const Register: FC = () => {
                     </div>
                 </div>
 
-                <div className='flex-1 min-w-[50%] flex justify-center items-center'>
+                <div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
                     <img src={LogoImage} className='h-20' />
                 </div>
             </div>
diff --git a/src/pages/auth/components/LoginStep2.tsx b/src/pages/auth/components/LoginStep2.tsx
index 6c4ae41..8acbb0b 100644
--- a/src/pages/auth/components/LoginStep2.tsx
+++ b/src/pages/auth/components/LoginStep2.tsx
@@ -35,14 +35,16 @@ const LoginStep2: FC = () => {
     return (
         <div>
             <div className='mt-5'>
-                <h2 className='text-2xl font-bold'>
+                <h2 className='lg:text-2xl font-bold'>
                     {t('auth.enter_otp')}
                 </h2>
-                <p className='text-description flex gap-1 text-sm mt-2'>
-                    <div>{t('auth.verfify_code_text_1')}</div>
-                    <div>{phone}</div>
-                    <div>
-                        {t('auth.verfify_code_text_2')}
+                <p className='text-description flex lg:flex-row flex-col lg:gap-1 gap-2 text-sm lg:mt-2 mt-3'>
+                    <div className='flex gap-1'>
+                        <div>{t('auth.verfify_code_text_1')}</div>
+                        <div>{phone}</div>
+                        <div>
+                            {t('auth.verfify_code_text_2')}
+                        </div>
                     </div>
                     <div onClick={() => setStepLogin(1)} className='text-black cursor-pointer'>
                         {t('auth.change_number')}
diff --git a/src/router/Main.tsx b/src/router/Main.tsx
index 74570c9..503db76 100644
--- a/src/router/Main.tsx
+++ b/src/router/Main.tsx
@@ -24,7 +24,7 @@ const MainRouter: FC = () => {
             <SideBar />
             <Header />
             <div className='flex-1 ms-[269px] mt-[81px]'>
-                <div className={`overflow-auto sticky w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
+                <div className={`overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
                     <div>
                         <Routes>
                             <Route path={Pages.dashboard} element={<Home />} />
diff --git a/src/shared/Header.tsx b/src/shared/Header.tsx
index 0c855b3..3729bfc 100644
--- a/src/shared/Header.tsx
+++ b/src/shared/Header.tsx
@@ -12,7 +12,7 @@ const Header: FC = () => {
     const { t } = useTranslation('global')
 
     return (
-        <div className='fixed z-10 left-4 right-[285px] top-4 h-16 flex items-center px-6 bg-white justify-between rounded-[32px] w-[calc(100%-305px)]'>
+        <div className='fixed  left-4 right-[285px] top-4 h-16 flex items-center px-6 bg-white justify-between rounded-[32px] w-[calc(100%-305px)]'>
 
             <div className='min-w-[270px]'>
                 <Input