diff --git a/src/pages/authentication/RegisterPage.jsx b/src/pages/authentication/RegisterPage.jsx
index c3d1000f..b03ff1a8 100644
--- a/src/pages/authentication/RegisterPage.jsx
+++ b/src/pages/authentication/RegisterPage.jsx
@@ -72,10 +72,10 @@ const RegisterPage = () => {
   return (
     <>
 
-      <div className="col-12 col-lg-5 col-xl-4 d-flex align-items-center p-4 p-sm-5 bg-white">
+      <div className="col-12 col-lg-5 col-xl-4 d-flex align-items-center p-4 p-sm-5 bg-gray-60">
         <div className="w-100" style={{ maxWidth: 420, margin: "0 auto" }}>
 
-          <h4 className="mb-2">Adventure starts here 🚀</h4>
+          <h4 className="mb-2">Adventure starts here </h4>
           <p className="mb-3">Make your app management easy and fun!</p>
 
           <form
@@ -83,13 +83,15 @@ const RegisterPage = () => {
             className="mb-2"
             onSubmit={handleSubmit(onSubmit)}
           >
-            <div className="mb-2 text-start">
+           
+            <div className="row">
+             <div className="col-12 col-sm-6 mb-2 text-start">
               <label htmlFor="organizatioinName" className="form-label">
                 Organization Name
               </label>
               <input
                 type="text"
-                className="form-control"
+                className="form-control form-control-sm"
                 id="organizatioinName"
                 {...register("organizatioinName")}
                 name="organizatioinName"
@@ -105,13 +107,13 @@ const RegisterPage = () => {
                 </div>
               )}
             </div>
-            <div className="mb-2 text-start">
+            <div className="col-12 col-sm-6 mb-2  text-start">
               <label htmlFor="email" className="form-label">
                 Email
               </label>
               <input
                 type="text"
-                className="form-control"
+                className="form-control form-control-sm"
                 id="email"
                 name="email"
                 placeholder="Enter your email"
@@ -126,21 +128,20 @@ const RegisterPage = () => {
                 </div>
               )}
             </div>
+            </div>
             <div className="mb-2 form-password-toggle text-start">
               <label className="form-label" htmlFor="contactperson">
                 Contact Person
               </label>
-              <div className="input-group">
                 <input
                   type="text"
                   id="contactperson"
                   {...register("contactPerson")}
-                  className="form-control"
+                  className="form-control form-control-sm"
                   name="contactPerson"
                   placeholder="Contact Person"
                   aria-describedby="contactperson"
                 />
-              </div>
               {errors.contactPerson && (
                 <div
                   className="danger-text text-start"
@@ -154,17 +155,15 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="contactnumber">
                 Contact Number
               </label>
-              <div className="input-group">
                 <input
                   type="text"
                   id="contactnumber"
                   {...register("contactNumber")}
-                  className="form-control"
+                  className="form-control form-control-sm"
                   name="contactNumber"
                   placeholder="Contact Number"
                   aria-describedby="contactnumber"
                 />
-              </div>
               {errors.contactNumber && (
                 <div
                   className="danger-text text-start"
@@ -178,16 +177,14 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="contactnumber">
                 About Organization
               </label>
-              <div className="input-group">
                 <textarea
                   id="about"
                   className="form-control"
-                  placeholder="about"
+                  placeholder="About..."
                   aria-label="about"
                   aria-describedby="about"
                   {...register("about")}
                 ></textarea>
-              </div>
               {errors.about && (
                 <div
                   className="danger-text text-start"
@@ -201,9 +198,8 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="oragnizationSize">
                 Organization Size
               </label>
-              <div className="input-group">
                 <select
-                  className="form-select"
+                  className="form-select form-select-sm"
                   id="oragnizationSize"
                   name="oragnizationSize"
                   {...register("oragnizationSize")}
@@ -216,7 +212,6 @@ const RegisterPage = () => {
                   <option value="100-200">100-200</option>
                   <option value="more than 200">more than 200</option>
                 </select>
-              </div>
               {errors.oragnizationSize && (
                 <div
                   className="danger-text text-start"
@@ -230,9 +225,8 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="industryId">
                 Industry
               </label>
-              <div className="input-group">
                 <select
-                  className="form-select"
+                  className="form-select form-select-sm"
                   id="industryId"
                   name="industryId"
                   {...register("industryId")}
@@ -249,7 +243,6 @@ const RegisterPage = () => {
                     <option disabled>Loading industries...</option>
                   )}
                 </select>
-              </div>
               {errors.industryId && (
                 <div
                   className="danger-text text-start"
diff --git a/src/pages/authentication/ResetPassword.jsx b/src/pages/authentication/ResetPassword.jsx
index 45cc47af..9c7ab0d2 100644
--- a/src/pages/authentication/ResetPassword.jsx
+++ b/src/pages/authentication/ResetPassword.jsx
@@ -102,7 +102,7 @@ const ResetPassword = () => {
         className="mb-3"
         onSubmit={handleSubmit(onSubmitResetPassword)}
       >
-        <div className="mb-3">
+        <div className="mb-3 text-start">
           <label htmlFor="email" className="form-label">
             Email
           </label>
@@ -124,9 +124,9 @@ const ResetPassword = () => {
           )}
         </div>
 
-        <div className="mb-2 form-password-toggle">
+        <div className="mb-2 form-password-toggle text-start">
           <div className="mt-2">
-            <label htmlFor="email" className="form-label list-group-item">
+            <label htmlFor="email" className="form-label">
               New Password
             </label>
           </div>