diff --git a/web/src/routes/mihomo/+page.svelte b/web/src/routes/mihomo/+page.svelte
index 9163df6..689ff55 100644
--- a/web/src/routes/mihomo/+page.svelte
+++ b/web/src/routes/mihomo/+page.svelte
@@ -330,7 +330,7 @@
 					</p>
 				</div>
 				<div
-					class="grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3"
+					class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4"
 				>
 					{#each rows.filter((r) => r.metaStatus === 'ok') as r (r.alias)}
 						<Card.Root