diff --git a/frontend/src/lib/components/Route.svelte b/frontend/src/lib/components/Route.svelte
index d8911fa..9cbf680 100644
--- a/frontend/src/lib/components/Route.svelte
+++ b/frontend/src/lib/components/Route.svelte
@@ -22,6 +22,7 @@
 		box-shadow: 0 0 50px #ccc;
 		border-radius: 30px;
 		width: calc((100% - 50px) / 2);
+		height: calc(100vh/3 - 10vh );
 		font-size: 18px;
 	}
 
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 9619726..b30e385 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -6,6 +6,8 @@
 	let node;
 
 	onMount(() => {
+		if(import.meta.env.DEV) return; 
+		
 		if ('serviceWorker' in navigator) {
 			addEventListener('load', function () {
 				navigator.serviceWorker.register('/service-worker.js');
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index c6fe874..7ac4848 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -16,13 +16,10 @@
 
 <style>
 	main {
-		width: 100%;
+		display: grid;
+		margin: 0 auto;
 		height: 100%;
-		margin: 0px;
 		font-family: 'Roboto-Regular';
-		display: flex;
-		flex-direction: column;
-		place-items: center;
 	}
 
 	.bold {
@@ -31,7 +28,6 @@
 	}
 	#welcome-message {
 		font-size: 18px;
-		height: 15%;
 		display: grid;
 		width: 100%;
 		place-content: center;
@@ -40,11 +36,7 @@
 	}
 
 	#route-cards {
-		height: 80%;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
+		display: grid;
 		width: 100%;
-		align-items: center;
 	}
 </style>
diff --git a/frontend/src/routes/paths/[slug]/+page.svelte b/frontend/src/routes/paths/[slug]/+page.svelte
index dab80fa..6e89041 100644
--- a/frontend/src/routes/paths/[slug]/+page.svelte
+++ b/frontend/src/routes/paths/[slug]/+page.svelte
@@ -20,7 +20,7 @@
 		gap: 15px;
 		padding-top: 10px;
 		margin-top: 70px;
-		height: calc(100% - 140px - 10vh);
+		height: calc(100% - 70px - 10vh);
 		overflow-y: scroll;
 	}
 </style>
diff --git a/frontend/src/routes/routes/[slug]/+page.svelte b/frontend/src/routes/routes/[slug]/+page.svelte
index 038c848..95cfa4a 100644
--- a/frontend/src/routes/routes/[slug]/+page.svelte
+++ b/frontend/src/routes/routes/[slug]/+page.svelte
@@ -38,7 +38,7 @@
 
     img {
         width: 100%;
-        height: 100%;
+        height: calc(100% - 10vh);
         position: absolute;
         z-index: -1;
     }