diff --git a/public/media/misc/float-sample.jpg b/public/media/misc/float-sample.jpg
new file mode 100644
index 0000000..9e0c0f7
Binary files /dev/null and b/public/media/misc/float-sample.jpg differ
diff --git a/src/app/modules/auth/AuthLayout.tsx b/src/app/modules/auth/AuthLayout.tsx
index 3326d1e..99639fa 100644
--- a/src/app/modules/auth/AuthLayout.tsx
+++ b/src/app/modules/auth/AuthLayout.tsx
@@ -17,13 +17,13 @@ const AuthLayout = () => {
   }, [])
 
   return (
-    <div className='d-flex flex-column flex-lg-row flex-column-fluid h-100'>
+    <div className='d-flex flex-column flex-lg-row flex-column-fluid vh-100 overflow-auto' style={{backgroundImage: `url(${toAbsoluteUrl('/media/misc/float-sample.jpg')})`, backgroundSize: 'cover', backgroundPosition: 'center'}}>
       {/* begin::Body */}
       <div className='d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1'>
         {/* begin::Form */}
         <div className='d-flex flex-center flex-column flex-lg-row-fluid'>
           {/* begin::Wrapper */}
-          <div className='w-lg-500px p-10'>
+          <div className='w-lg-500px p-10 bg-white rounded'>
             <Outlet />
           </div>
           {/* end::Wrapper */}
@@ -35,19 +35,19 @@ const AuthLayout = () => {
           {/* begin::Links */}
           <div className='d-flex fw-semibold text-primary fs-base'>
 
-            <a href='http://float-www.dev.chiefsoft.net' className='px-5' target='_blank'>
+            <a href='http://float-www.dev.chiefsoft.net' className='px-5 text-white fw-bolder' target='_blank'>
               Home
             </a>
 
-            <a href={process.env.REACT_APP_TERMS_LINK} className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_TERMS_LINK} className='px-5 text-white fw-bolder' target='_blank'>
               Terms
             </a>
 
-            <a href={process.env.REACT_APP_CONTACT_LINK} className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_CONTACT_LINK} className='px-5 text-white fw-bolder' target='_blank'>
               Contact Us
             </a>
 
-            <a href={process.env.REACT_APP_ABOUT_LINK} className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_ABOUT_LINK} className='px-5 text-white fw-bolder' target='_blank'>
               About Us
             </a>
           </div>