diff --git a/client/src/components/BookingList/BookingList.tsx b/client/src/components/BookingList/BookingList.tsx
index 0ec62633fabda5b79c471483eabad84753936cfe..65500dda504c895987c4a266bfd7236c6e858419 100644
--- a/client/src/components/BookingList/BookingList.tsx
+++ b/client/src/components/BookingList/BookingList.tsx
@@ -7,8 +7,8 @@ function BookingList() {
   const data = useLoaderData() as IBookingList;
   const location = useLocation();
   const isEconomy = location.search.split('seatType=')[1] === 'economy';
-  const origin = location.search.split('origin=')[1].split('&')[0];
-  const destination = location.search.split('destination=')[1].split('&')[0];
+  const origin = decodeURIComponent(location.search.split('origin=')[1].split('&')[0]);
+  const destination = decodeURIComponent(location.search.split('destination=')[1].split('&')[0]);
   const date = location.search.split('date=')[1].split('&')[0];
 
   return (
@@ -21,7 +21,7 @@ function BookingList() {
             <span> Flights for </span>
             <span className='booking-bold'>{origin} - {destination}</span>
             <span> on </span>
-            <span className='booking-bold'>{date}</span>
+            <span className='booking-bold'>{new Date(date).toLocaleDateString()}</span>
           </div>
 
           {data.flights.map((flight) => {