diff --git a/src/components/DepartureList/DepartureList.tsx b/src/components/DepartureList/DepartureList.tsx
index c643460..12ca5e4 100644
--- a/src/components/DepartureList/DepartureList.tsx
+++ b/src/components/DepartureList/DepartureList.tsx
@@ -29,10 +29,9 @@ function parseTimetableData(data: DepartureType[]) {
     };
 }
 
-function departureTables(departures: DepartureType[], name: string) {
+function departureTables(departures: DepartureType[]) {
     return (
-        <div className={style.departureLists}>
-            <h2>{name} Departures</h2>
+        <div className={style.departureTable}>
             <table>
                 <tbody>
                     {departures.map((departure, index) => (
@@ -59,8 +58,11 @@ export default function DepartureList(props: {
 
     return (
         <div className={style.container}>
-            {departureTables(left, name)}
-            {departureTables(right, name)}
+            <h2>{name} Departures</h2>
+            <div className={style.departureLists}>
+            {departureTables(left)}
+            {departureTables(right)}
+        </div>
         </div>
     );
 }
diff --git a/src/components/DepartureList/style.module.css b/src/components/DepartureList/style.module.css
index 7ce8db2..cdd0d4e 100644
--- a/src/components/DepartureList/style.module.css
+++ b/src/components/DepartureList/style.module.css
@@ -1,5 +1,12 @@
 .container {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     align-items: center;
 }
+
+.departureLists {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+}
diff --git a/src/store/Weather/Weather.ts b/src/store/Weather/Weather.ts
new file mode 100644
index 0000000..e69de29