diff --git a/frontend/src/App.test.tsx b/frontend/src/__tests__/App.test.tsx
similarity index 100%
rename from frontend/src/App.test.tsx
rename to frontend/src/__tests__/App.test.tsx
diff --git a/frontend/src/__tests__/smokeReact.test.tsx b/frontend/src/__tests__/smokeReact.test.tsx
deleted file mode 100644
index 663ad413..00000000
--- a/frontend/src/__tests__/smokeReact.test.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from "react";
-
-describe("react smoke test", () => {
-  it("should import React without error", () => {
-    expect(React).toBeDefined();
-  });
-});
diff --git a/frontend/src/__tests__/smokeRouterDom.test.tsx b/frontend/src/__tests__/smokeRouterDom.test.tsx
deleted file mode 100644
index 65f7496e..00000000
--- a/frontend/src/__tests__/smokeRouterDom.test.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import { BrowserRouter } from "react-router-dom";
-
-describe("react-router-dom smoke test", () => {
-  it("should import BrowserRouter without error", () => {
-    expect(BrowserRouter).toBeDefined();
-  });
-});
diff --git a/frontend/src/App.css b/frontend/src/styles/App.css
similarity index 100%
rename from frontend/src/App.css
rename to frontend/src/styles/App.css
diff --git a/frontend/src/styles/BookingForm.css b/frontend/src/styles/BookingForm.css
new file mode 100644
index 00000000..f9143231
--- /dev/null
+++ b/frontend/src/styles/BookingForm.css
@@ -0,0 +1,24 @@
+/* BookingForm.css */
+.booking-form-room-label {
+  display: flex;
+  align-items: center;
+}
+.booking-form-room-icon {
+  padding: 0.5em;
+  color: rgba(0, 0, 0, 0.54);
+  margin-left: 0;
+}
+.booking-form-menu-item-unavailable {
+  color: #b0b0b0;
+  margin-left: 8px;
+  font-size: 13px;
+}
+.booking-form-invitee-chip {
+  color: #1976d2;
+  margin-right: 8px;
+}
+.booking-form-invitee-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
diff --git a/frontend/src/styles/BookingList.css b/frontend/src/styles/BookingList.css
new file mode 100644
index 00000000..7e6ffb38
--- /dev/null
+++ b/frontend/src/styles/BookingList.css
@@ -0,0 +1,20 @@
+/* BookingList.css */
+.booking-list {
+  margin-top: 0.5em;
+}
+.booking-list-item {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.booking-list-time {
+  font-weight: 600;
+  color: #23272f;
+  font-size: 1rem;
+}
+.booking-list-invitees {
+  display: block;
+  font-size: 0.85em;
+  color: #555;
+  font-style: italic;
+  margin-top: 2px;
+}
diff --git a/frontend/src/styles/CalendarViewInline.css b/frontend/src/styles/CalendarViewInline.css
new file mode 100644
index 00000000..e8933418
--- /dev/null
+++ b/frontend/src/styles/CalendarViewInline.css
@@ -0,0 +1,20 @@
+/* CalendarViewInline.css */
+.calendar-event-content {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.fc-event-title-ellipsis {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  min-width: 0;
+  font-size: inherit;
+}
diff --git a/frontend/src/pages/LandingPage.css b/frontend/src/styles/LandingPage.css
similarity index 100%
rename from frontend/src/pages/LandingPage.css
rename to frontend/src/styles/LandingPage.css
diff --git a/frontend/src/styles/RoomList.css b/frontend/src/styles/RoomList.css
new file mode 100644
index 00000000..33020c4f
--- /dev/null
+++ b/frontend/src/styles/RoomList.css
@@ -0,0 +1,46 @@
+/* RoomList.css */
+.room-list-card {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #1976d2;
+  border-radius: 6px;
+}
+.room-list-header {
+  flex: 0 0 auto;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #1976d2;
+  margin-bottom: 0;
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+.room-list-title {
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  color: #f5f6fa;
+}
+.room-list {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  min-height: 0;
+  background-color: #f7f8fa;
+  color: #23272f;
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.room-list-item-selected {
+  background-color: #ececec !important;
+  font-weight: 700;
+  color: #23272f;
+  border: 1px solid #23272f;
+  border-radius: 4px;
+}
+.room-list-item {
+  color: #23272f;
+}
+.room-list-icon {
+  vertical-align: middle;
+  margin-right: 1em;
+  color: #f5f6fa;
+}