diff --git a/frontend/src/components/BookingForm.tsx b/frontend/src/components/BookingForm.tsx
index e22d8073..72b38f44 100644
--- a/frontend/src/components/BookingForm.tsx
+++ b/frontend/src/components/BookingForm.tsx
@@ -486,13 +486,12 @@ const BookingForm: React.FC<BookingFormProps> = ({
               fullWidth
               margin="normal"
               InputProps={{ readOnly: true }}
-              className="bookingform-viewfield bookingform-viewfield-multiline"
+              className="bookingform-viewfield"
               disabled
               multiline
               minRows={1}
               maxRows={Infinity}
               placeholder={invitees.length === 0 ? "No invitees" : undefined}
-              sx={{ width: "100%", resize: "vertical" }}
             />
           ) : (
             <FormControl fullWidth margin="normal" error={remainingSlots < 0}>
diff --git a/frontend/src/styles/BookingForm.css b/frontend/src/styles/BookingForm.css
index 95659bf1..c7784d53 100644
--- a/frontend/src/styles/BookingForm.css
+++ b/frontend/src/styles/BookingForm.css
@@ -85,6 +85,7 @@
   color: var(--color-primary, #1976d2);
   margin-right: 8px;
 }
+
 /* Room label styles */
 .booking-form-room-label {
   display: flex;
@@ -141,3 +142,8 @@
 .bookingform-invitee-header-label.over {
   color: var(--color-error, #d32f2f);
 }
+
+.bookingform-invitee-multiline-field {
+  width: 100%;
+  resize: vertical;
+}