diff --git a/app/page.tsx b/app/page.tsx
index a119606..ac0c567 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,9 +5,11 @@ export default async function Home() {
   let routes: Array<Route> = await getRoutes();
 
   return (
-    <main className="flex min-h-screen">
-      <div className='grid grid-rows-4 grid-flow-col gap-4'>
-        <RouteCards routes={routes} />
+    <main>
+      <div className=''>
+        <div className='flex grid grid-cols-6 p-2'>
+          <RouteCards routes={routes} />
+        </div>
       </div>
     </main>
   )
diff --git a/components/RouteCards.tsx b/components/RouteCards.tsx
index e36ab75..f6d9eb2 100644
--- a/components/RouteCards.tsx
+++ b/components/RouteCards.tsx
@@ -32,8 +32,8 @@ export default function RouteCards({ routes }: { routes: Array<Route> }) {
 
     return (
         routes.map((route, index) => (
-            <div key={index}>
-                <Card key={index}>
+            <div key={index} className='p-2'>
+                <Card key={index} className='w-[300px]'>
                     <CardHeader>
                         <CardTitle>{getHosts(route).values().next().value}</CardTitle>
                         {getHosts(route).map((route => <CardDescription key={route}>{route}</ CardDescription>))}