diff --git a/package-lock.json b/package-lock.json
index e20155bf..acff36a0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,7 +41,7 @@
 				"globals": "^15.0.0",
 				"jsdom": "^26.0.0",
 				"postcss": "^8.4.38",
-				"prettier": "^3.1.1",
+				"prettier": "^3.5.3",
 				"prettier-plugin-svelte": "^3.2.6",
 				"prettier-plugin-tailwindcss": "^0.6.4",
 				"svelte": "^5.0.0",
@@ -5314,9 +5314,9 @@
 			}
 		},
 		"node_modules/prettier": {
-			"version": "3.4.1",
-			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
-			"integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
+			"version": "3.5.3",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+			"integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
 			"dev": true,
 			"license": "MIT",
 			"bin": {
diff --git a/package.json b/package.json
index 18f5d472..ca141565 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
 		"globals": "^15.0.0",
 		"jsdom": "^26.0.0",
 		"postcss": "^8.4.38",
-		"prettier": "^3.1.1",
+		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.2.6",
 		"prettier-plugin-tailwindcss": "^0.6.4",
 		"svelte": "^5.0.0",
diff --git a/src/app.css b/src/app.css
index 6a4385b2..2571ab46 100644
--- a/src/app.css
+++ b/src/app.css
@@ -56,21 +56,34 @@
 		margin-left: 0.75rem;
 	}
 
-	.rtl .space-x-4 {
-		margin-left: 1rem;
+	.rtl .left-5 {
+		left: auto;
+		right: 1.25rem;
 	}
 
-	.rtl .space-x-reverse {
-		margin-right: 1rem;
+	.collapsible-list {
+		@apply flex flex-col;
 	}
 
-	.rtl .border-l-4 {
-		border-left-width: 0;
-		border-right-width: 4px;
+	.collapsible-list__item {
+		@apply mb-2 rounded-md border border-gray-300 p-2;
 	}
 
-	.rtl .left-5 {
-		left: auto;
-		right: 1.25rem;
+	@media (max-width: 768px) {
+		.collapsible-list__item {
+			@apply mb-1 p-1;
+		}
+	}
+
+	@media (hover: hover) {
+		.collapsible-list__item:hover {
+			@apply bg-gray-100;
+		}
+	}
+
+	@media (pointer: coarse) {
+		.collapsible-list__item {
+			@apply p-3;
+		}
 	}
 }
diff --git a/src/components/routes/ViewAllRoutesModal.svelte b/src/components/routes/ViewAllRoutesModal.svelte
index c2dbff33..d1e2b61a 100644
--- a/src/components/routes/ViewAllRoutesModal.svelte
+++ b/src/components/routes/ViewAllRoutesModal.svelte
@@ -66,8 +66,8 @@
 	{/if}
 
 	{#if routes.length > 0}
-		<div>
-			<div class="sticky top-0">
+		<div class="flex h-full flex-col">
+			<div class="sticky top-0 bg-white p-2 dark:bg-black">
 				<input
 					type="text"
 					placeholder={$t('search.search_for_routes')}
@@ -92,7 +92,7 @@
 				</svg>
 			</div>
 
-			<div>
+			<div class="flex-1 overflow-y-auto p-2">
 				{#if filteredRoutes.length > 0}
 					{#each filteredRoutes as route}
 						<RouteItem {route} {handleModalRouteClick} />