diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index eb5efe1..c6d5f03 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-e7681877'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.k80r95n1blo"
+    "revision": "0.6dtlsl90suo"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/src/components/ServiceItem.tsx b/src/components/ServiceItem.tsx
index fc36008..2a0060f 100644
--- a/src/components/ServiceItem.tsx
+++ b/src/components/ServiceItem.tsx
@@ -23,11 +23,11 @@ const ServiceItem: FC<Props> = (props: Props) => {
     return (
         <div className={`flex-1 flex flex-col self-stretch min-w-[45%] xl:min-w-[30%] bg-white rounded-3xl xl:p-6 p-4 ${props.className} ${props.isDisabled ? 'opacity-50' : ''}`}>
             <div className='flex gap-2 items-center'>
-                <div className='xl:size-[50px] size-10 overflow-hidden rounded-xl'>
+                <div className='xl:size-[50px] xl:min-w-[50px] min-w-10 size-10 overflow-hidden rounded-xl'>
                     <img src={item.icon} alt={item.name} className='w-full h-full' />
                 </div>
                 <div className='flex flex-col'>
-                    <div className='xl:text-base text-sm'>
+                    <div className=' text-sm'>
                         {item.name}
                     </div>
                     {
diff --git a/src/pages/auth/Login.tsx b/src/pages/auth/Login.tsx
index 13875fe..841b700 100644
--- a/src/pages/auth/Login.tsx
+++ b/src/pages/auth/Login.tsx
@@ -10,17 +10,16 @@ const Login: FC = () => {
 
     const { stepLogin, phone, email } = useAuthStore()
 
-    console.log(phone, email, stepLogin);
-
 
     return (
         <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 lg:px-9 px-4 py-7'>
                     <div className='flex-1 h-full flex flex-col'>
-                        <img src={LogoSmallImage} className='w-8' />
 
-                        <div className='flex flex-1 flex-col h-full justify-center'>
+                        <div className='flex relative flex-1 flex-col h-full justify-center'>
+                            <img src={LogoSmallImage} className='w-8 hidden xl:block' />
+                            <img src={LogoImage} className='w-44 right-0 left-0 mx-auto absolute top-20 xl:hidden' />
                             {
                                 stepLogin === 1 ?
                                     <LoginStep1 />
diff --git a/src/pages/auth/Register.tsx b/src/pages/auth/Register.tsx
index 4ddf1c8..6364c2c 100644
--- a/src/pages/auth/Register.tsx
+++ b/src/pages/auth/Register.tsx
@@ -18,37 +18,44 @@ const Register: FC = () => {
     return (
         <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 flex flex-col justify-center 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'>
-                            <h2 className='text-2xl font-bold'>
-                                {t('auth.welcome')}
-                            </h2>
-                            <p className='text-description text-sm mt-2'>
-                                {t('auth.enter_information')}
-                            </p>
-                        </div>
+                <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'>
 
-                        {
-                            stepLogin === 1 ?
-                                <RegisterStep1 />
-                                :
-                                <RegisterStep2 />
-                        }
+                        <div className='flex relative flex-1 flex-col h-full justify-center'>
+                            <img src={LogoSmallImage} className='w-8 hidden xl:block' />
+                            <img src={LogoImage} className='w-44 right-0 left-0 mx-auto absolute top-20 xl:hidden' />
+                            <div className=''>
+                                <div className='mt-5'>
+                                    <h2 className='text-2xl font-bold'>
+                                        {t('auth.welcome')}
+                                    </h2>
+                                    <p className='text-description text-sm mt-2'>
+                                        {t('auth.enter_information')}
+                                    </p>
+                                </div>
 
-                        <div className='mt-6 flex justify-center gap-2 items-center text-sm'>
-                            <p className='text-description'>
-                                {t('auth.before_registered')}
-                            </p>
-                            <Link to={Pages.auth.login}>
-                                <div>{t('auth.login')}</div>
-                            </Link>
+                                {
+                                    stepLogin === 1 ?
+                                        <RegisterStep1 />
+                                        :
+                                        <RegisterStep2 />
+                                }
+
+                                <div className='mt-6 flex justify-center gap-2 items-center text-sm'>
+                                    <p className='text-description'>
+                                        {t('auth.before_registered')}
+                                    </p>
+                                    <Link to={Pages.auth.login}>
+                                        <div>{t('auth.login')}</div>
+                                    </Link>
+                                </div>
+
+                            </div>
                         </div>
 
                     </div>
-                </div>
 
+                </div>
                 <div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
                     <img src={LogoImage} className='h-20' />
                 </div>