diff --git a/client/src/components/CustomerDashboard/CustomerDashboard.scss b/client/src/components/CustomerDashboard/CustomerDashboard.scss
index 559bc051b0f758a22437dd4468203ffcade689d7..def2dfbb3fe122ff60d5fcdc5014b820cce4b247 100644
--- a/client/src/components/CustomerDashboard/CustomerDashboard.scss
+++ b/client/src/components/CustomerDashboard/CustomerDashboard.scss
@@ -102,4 +102,19 @@
 .view-more:hover {
   filter: brightness(50%);
   cursor: pointer;
+}
+
+.view_more_button {
+  margin-left: 10px;
+  font-size: 1rem;
+  padding: 6px 12px;
+  border: 1px solid gray;
+  border-radius: 5px;
+  background-color: var(--main);
+  color: white;
+}
+
+.view_more_button:hover {
+  filter: brightness(50%);
+  cursor: pointer;
 }
\ No newline at end of file
diff --git a/client/src/components/CustomerDashboard/CustomerDashboard.tsx b/client/src/components/CustomerDashboard/CustomerDashboard.tsx
index 006b7dda350f5c8376938dfa61fd91babf31b3a2..c89e523df8c3def1d5f8e90f5ddbe32c982b7149 100644
--- a/client/src/components/CustomerDashboard/CustomerDashboard.tsx
+++ b/client/src/components/CustomerDashboard/CustomerDashboard.tsx
@@ -97,7 +97,10 @@ function CustomerDashboard() {
         </div>
 
         <div className='flights'>
-          <span className='flights-title'>Upcoming Flights</span>
+          <div>
+            <span className='flights-title'>Upcoming Flights</span>
+            <button type='submit' className='view_more_button'>View more</button>
+          </div>
           <div className='flight-list'>
             {data.upcomingFlights.length > 0
               ? data.upcomingFlights.map((flight) => {
@@ -108,7 +111,10 @@ function CustomerDashboard() {
         </div>
 
         <div className='flights'>
-          <span className='flights-title'>Flights History</span>
+          <div>
+            <span className='flights-title'>Flights History</span>
+            <button type='submit' className='view_more_button'>View more</button>
+          </div>
           <div className='flight-list'>
             {data.upcomingFlights.length > 0
               ? data.flightsHistory.map((flight) => {
@@ -116,9 +122,6 @@ function CustomerDashboard() {
                 })
               : <div>No Flights History</div>}
           </div>
-          <div>
-            <button type='button' className='view-more'>View More</button>
-          </div>
         </div>
       </div>
     </>
diff --git a/client/src/components/Register/Register.tsx b/client/src/components/Register/Register.tsx
index 8c216b6fd6bfd66db4c80a04d8f47b8a5aa5f830..933ab0ccd16f76503c3f7c46f883a11781f036c2 100644
--- a/client/src/components/Register/Register.tsx
+++ b/client/src/components/Register/Register.tsx
@@ -7,6 +7,7 @@ interface IRegister {
   email: string;
   password: string;
   confirmPassword: string;
+  customerType: string;
 }
 
 export function Register() {
@@ -53,6 +54,14 @@ export function Register() {
               <input type='password' placeholder='Confirm password' {...register('confirmPassword', { required: true })} />
             </div>
 
+            <div className='form-group'>
+              <label>Customer Type</label>
+              <select {...register('customerType', { required: true })}>
+                <option value="Customer">Customer</option>
+                <option value="Airline">Airline</option>
+              </select>
+            </div>
+
             <div className='form-group'>
               <button type='submit'>Submit</button>
             </div>