diff --git a/web/src/components/MyBookings.jsx b/web/src/components/MyBookings.jsx
index 3619de3..221b2e2 100644
--- a/web/src/components/MyBookings.jsx
+++ b/web/src/components/MyBookings.jsx
@@ -83,7 +83,10 @@ const MyBookings = () => {
 						<li key={booking.booking_id}>
 							Desk: <strong>{booking.desk_name || booking.desk_id}</strong>{" "}
 							<br />
-							Date: {new Date(booking.from_date).toLocaleDateString()} <br />
+							Date: {new Date(booking.from_date).toLocaleDateString(
+								"en-GB",
+							)}{" "}
+							<br />
 							{tab === "upcoming" && (
 								<button onClick={() => openModal(booking)}>
 									Cancel Booking
diff --git a/web/src/pages/CalendarView.css b/web/src/pages/CalendarView.css
index dd92687..462f0be 100644
--- a/web/src/pages/CalendarView.css
+++ b/web/src/pages/CalendarView.css
@@ -24,6 +24,25 @@
 .calendar-table th {
 	background-color: #f0f0f0;
 	color: #333;
+	min-width: 120px;
+}
+
+.day-header {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 0.25rem;
+}
+
+.day-name {
+	font-weight: bold;
+	font-size: 0.9rem;
+	color: #666;
+}
+
+.day-date {
+	font-size: 0.8rem;
+	color: #333;
 }
 
 .calendar-table .booked {
diff --git a/web/src/pages/CalendarView.jsx b/web/src/pages/CalendarView.jsx
index eb1e4be..0aee303 100644
--- a/web/src/pages/CalendarView.jsx
+++ b/web/src/pages/CalendarView.jsx
@@ -80,7 +80,7 @@ const CalendarView = () => {
 		<div className="calendar-view">
 			<div className="calendar-header">
 				<button onClick={handlePrevWeek}>&lt; Prev Week</button>
-				<h2>Week of {weekDays[0].toLocaleDateString()}</h2>
+				<h2>Week of {weekDays[0].toLocaleDateString("en-GB")}</h2>
 				<button onClick={handleNextWeek}>Next Week &gt;</button>
 			</div>
 			<table className="calendar-table">
@@ -88,7 +88,16 @@ const CalendarView = () => {
 					<tr>
 						<th>Desk</th>
 						{weekDays.map((day) => (
-							<th key={day.toISOString()}>{day.toLocaleDateString()}</th>
+							<th key={day.toISOString()}>
+								<div className="day-header">
+									<div className="day-name">
+										{day.toLocaleDateString("en-GB", { weekday: "short" })}
+									</div>
+									<div className="day-date">
+										{day.toLocaleDateString("en-GB")}
+									</div>
+								</div>
+							</th>
 						))}
 					</tr>
 				</thead>
diff --git a/web/src/pages/Home.jsx b/web/src/pages/Home.jsx
index c488389..c4805d5 100644
--- a/web/src/pages/Home.jsx
+++ b/web/src/pages/Home.jsx
@@ -117,7 +117,7 @@ const Home = () => {
 
 	const formatDate = (dateString) => {
 		const date = new Date(dateString);
-		return date.toLocaleDateString("en-US", {
+		return date.toLocaleDateString("en-GB", {
 			weekday: "long",
 			year: "numeric",
 			month: "long",
@@ -137,7 +137,7 @@ const Home = () => {
 
 				<div className="date-navigation">
 					<button onClick={goToPreviousDay} className="nav-button">
-						← Previous
+						{"<"} Previous
 					</button>
 
 					<div className="date-display">
@@ -145,7 +145,7 @@ const Home = () => {
 					</div>
 
 					<button onClick={goToNextDay} className="nav-button">
-						Next →
+						Next {">"}
 					</button>
 				</div>