From 5288b138aee00522d6d613a660b89debf4d90206 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Mon, 5 May 2025 15:13:24 +0100
Subject: [PATCH] style: align skeleton media queries with mii-list

---
 src/components/mii-list/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/mii-list/index.tsx b/src/components/mii-list/index.tsx
index 264e151..03df3f9 100644
--- a/src/components/mii-list/index.tsx
+++ b/src/components/mii-list/index.tsx
@@ -130,7 +130,7 @@ export default function MiiList({ isLoggedIn, userId, sessionUserId }: Props) {
 				<p className="text-xl text-red-400 font-semibold text-center mt-10">Error: {error}</p>
 			) : (
 				// Show skeleton when data is loading
-				<div className="grid grid-cols-4 gap-4 max-lg:grid-cols-3 max-sm:grid-cols-2 max-[25rem]:grid-cols-1">
+				<div className="grid grid-cols-4 gap-4 max-lg:grid-cols-3 max-md:grid-cols-2 max-[30rem]:grid-cols-1">
 					{Array.from({ length: 24 }).map((_, i) => (
 						<Skeleton key={i} />
 					))}