diff --git a/client/src/components/Dashboard/Flights/Flights.tsx b/client/src/components/Dashboard/Flights/Flights.tsx
index 96ff31977bdb012b17424152f48ee788f1fa9cc7..9739ea66fd5fd9e0f82b51ea858a6c9ebb5c8e27 100644
--- a/client/src/components/Dashboard/Flights/Flights.tsx
+++ b/client/src/components/Dashboard/Flights/Flights.tsx
@@ -2,6 +2,7 @@ import { useLoaderData } from 'react-router';
 import { ICustomerDashboardData } from '../../../services/Dashboard/CustomerDashboard';
 import { IAirlineDashboardData } from '../../../services/Dashboard/AirlineDashboard';
 import FlightCard from '../FlightCard/FlightCard';
+import FlightCreationForm from '../../FlightCreationForm/FlightCreationForm';
 import './Flights.scss';
 
 function Flights() {
@@ -43,7 +44,7 @@ function Flights() {
     return (
       <>
         <div>
-          todo airline dashboard
+          <FlightCreationForm></FlightCreationForm>
         </div>
       </>
     );
diff --git a/client/src/components/FlightCreationForm/FlightCreationForm.scss b/client/src/components/FlightCreationForm/FlightCreationForm.scss
index 98e722293a41afbd2697f5fbe621dbc8ee72523e..f741e6677e5f59023aa5ee5789db54edd0fa0d64 100644
--- a/client/src/components/FlightCreationForm/FlightCreationForm.scss
+++ b/client/src/components/FlightCreationForm/FlightCreationForm.scss
@@ -6,7 +6,13 @@
   height: 100%;
 }
 
-.register-card {
-  width: 20vw;
-  min-width: 350px;
+.inner-flight-form {
+  display: flex;
+  gap: 1rem;
+}
+
+.form-col {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 }
diff --git a/client/src/components/FlightCreationForm/FlightCreationForm.tsx b/client/src/components/FlightCreationForm/FlightCreationForm.tsx
index 84836565ca8b98a8a1e1747e7407965576ce97b7..5b687492b216900fc8c7d3f5328249c6b577e2a4 100644
--- a/client/src/components/FlightCreationForm/FlightCreationForm.tsx
+++ b/client/src/components/FlightCreationForm/FlightCreationForm.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
+import './FlightCreationForm.scss';
 
 interface IFlightCreationForm {
     origin: string;
@@ -27,46 +28,51 @@ function FlightCreationForm() {
     <>
       <div className='flightCreationForm'>
         <form onSubmit={handleSubmit(onSubmit)}>
-          <div className='card register-card'>
+          <div className='card flight-form-card'>
+            <div className='inner-flight-form'>
+              <div className='form-col'>
+                <div className='form-group'>
+                  <label>Origin</label>
+                  <input type='text' placeholder='Enter origin' {...register('origin', { required: true })} />
+                </div>
+                
+                <div className='form-group'>
+                  <label>Destination</label>
+                  <input type='text' placeholder='Enter destination' {...register('destination', { required: true })} />
+                </div>
 
-            <div className='form-group'>
-              <label>Origin</label>
-              <input type='text' placeholder='Enter origin' {...register('origin', { required: true })} />
-            </div>
-            
-            <div className='form-group'>
-              <label>Destination</label>
-              <input type='text' placeholder='Enter destination' {...register('destination', { required: true })} />
-            </div>
+                <div className='form-group'>
+                  <label>Departure Time</label>
+                  <input type='datetime-local' placeholder='Enter departure time' {...register('departure', { required: true })} />
+                </div>
 
-            <div className='form-group'>
-              <label>Departure Time</label>
-              <input type='datetime-local' placeholder='Enter departure time' {...register('departure', { required: true })} />
-            </div>
-
-            <div className='form-group'>
-              <label>Arrival Time</label>
-              <input type='datetime-local' placeholder='Enter arrival time' {...register('arrival', { required: true })} />
-            </div>
+                <div className='form-group'>
+                  <label>Arrival Time</label>
+                  <input type='datetime-local' placeholder='Enter arrival time' {...register('arrival', { required: true })} />
+                </div>
+              </div>
 
-            <div className='form-group'>
-              <label>Economy Class Capacity</label>
-              <input type='number' placeholder='Enter capacity' {...register('economyCapacity', { required: true })} />
-            </div>
+              <div className='form-col'>
+                <div className='form-group'>
+                  <label>Economy Class Capacity</label>
+                  <input type='number' placeholder='Enter capacity' {...register('economyCapacity', { required: true })} />
+                </div>
 
-            <div className='form-group'>
-              <label>Business Class Capacity</label>
-              <input type='number' placeholder='Enter capacity' {...register('businessCapacity', { required: true })} />
-            </div>
+                <div className='form-group'>
+                  <label>Business Class Capacity</label>
+                  <input type='number' placeholder='Enter capacity' {...register('businessCapacity', { required: true })} />
+                </div>
 
-            <div className='form-group'>
-              <label>Economy Class Price</label>
-              <input type='number' placeholder='Enter price' {...register('economyPrice', { required: true })} />
-            </div>
+                <div className='form-group'>
+                  <label>Economy Class Price</label>
+                  <input type='number' placeholder='Enter price' {...register('economyPrice', { required: true })} />
+                </div>
 
-            <div className='form-group'>
-              <label>Business Class Price</label>
-              <input type='number' placeholder='Enter price' {...register('businessPrice', { required: true })} />
+                <div className='form-group'>
+                  <label>Business Class Price</label>
+                  <input type='number' placeholder='Enter price' {...register('businessPrice', { required: true })} />
+                </div>
+              </div>
             </div>
 
             <div className='form-group'>
diff --git a/client/src/components/Register/Register.tsx b/client/src/components/Register/Register.tsx
index 28a373d8652698675ae92777b8f1df7472093200..dd9bd0a46e3a887b3e08ca9af01a5a9837ceea52 100644
--- a/client/src/components/Register/Register.tsx
+++ b/client/src/components/Register/Register.tsx
@@ -16,7 +16,7 @@ export interface IRegisterForm {
 }
 
 export function Register() {
-  const { giveAuth, updateUser, user } = useAuth();
+  const { giveAuth, updateUser } = useAuth();
   const navigate = useNavigate();
   const [error, setError] = useState('');
   const { register, handleSubmit } = useForm<IRegisterForm>({mode: 'onChange'});
diff --git a/client/src/helpers/Api.ts b/client/src/helpers/Api.ts
index f3137973c7514ee284b76122f7c2ebc75ca24647..5eee650ad14b8e5c1d95779c5254b7845d63f4e4 100644
--- a/client/src/helpers/Api.ts
+++ b/client/src/helpers/Api.ts
@@ -1,5 +1,22 @@
 import axios from 'axios';
+import { AxiosError, AxiosRequestConfig } from 'axios';
+import { AuthoriseUser } from '../services/Authorise/Authorise';
 
-export default axios.create({
+const Api = axios.create({
   baseURL: 'http://localhost:5267/api/'
 });
+
+Api.interceptors.response.use(
+  (response) => response, // Normal success logic
+  (error: AxiosError) => {
+    if (error.request.status === 401) { // If 401 (Unauthorized)
+      AuthoriseUser().then(() => { // Re-auth
+        return Api.request(error.config as AxiosRequestConfig); // Redo the request
+      });
+    } else {
+      throw error; // Otherwise throw error as normal
+    }
+  }
+);
+
+export default Api;