diff --git a/src/frontend/src/views/Main.vue b/src/frontend/src/views/Main.vue
index 74b09b15dd126f8da0fce16b6d897d4d1717cba4..76ea051ba32a98317356601bcae7b648352a0521 100644
--- a/src/frontend/src/views/Main.vue
+++ b/src/frontend/src/views/Main.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="flex grow flex-col">
+    <div class="flex grow flex-col max-w-full">
         <topbar />
         <div class="flex grow flex-col">
             <div class="show-down relative flex w-full min-h-[60vh] bg-teal-500">
@@ -171,12 +171,12 @@
                     </card-border>
                 </div>
 
-                <div class="flex grow wrap p-2 justify-center">
+                <div class="flex md:flex-row flex-col grow wrap p-2 justify-center h-fit max-w-full mt-16">
                     <trip-card
                         v-for="trip in trips"
                         :key="trip.id"
                         :trip="trip"
-                        class="m-8"
+                        class="md:m-8 m-4"
                         @click="selectTrip(trip.id)"
                     />
                 </div>