diff --git a/frontend/src/lib/components/Path.svelte b/frontend/src/lib/components/Path.svelte
index 94cd96c..aa0975c 100644
--- a/frontend/src/lib/components/Path.svelte
+++ b/frontend/src/lib/components/Path.svelte
@@ -33,6 +33,7 @@
 		--route-card-radius: 45px;
 		border-radius: var(--route-card-radius);
 		box-shadow: 0 0 27px #ccc;
+		margin: 0 auto;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		width: 90%;
@@ -54,6 +55,7 @@
 		border-bottom-left-radius: var(--route-card-radius);
 		display: grid;
 		place-items: center;
+		max-width: 10%;
 	}
 
 	.route-card-left img {
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 7ac4848..d4174bf 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -19,7 +19,9 @@
 		display: grid;
 		margin: 0 auto;
 		height: 100%;
+		width: 100%;
 		font-family: 'Roboto-Regular';
+		grid-template-rows: 16% 16% 16% 16% 16% 16%;
 	}
 
 	.bold {
@@ -33,9 +35,13 @@
 		place-content: center;
 		grid-template-columns: 1fr;
 		text-align: center;
+		grid-row-start: 1;
+		grid-row-end: 1;
 	}
 
 	#route-cards {
+		grid-row-start: 2;
+		grid-row-end: 7;
 		display: grid;
 		width: 100%;
 	}