diff --git a/web/src/routes/me/collections/+page.svelte b/web/src/routes/me/collections/+page.svelte
index 847d695..3454c1f 100644
--- a/web/src/routes/me/collections/+page.svelte
+++ b/web/src/routes/me/collections/+page.svelte
@@ -65,7 +65,7 @@
 	<title>关注的合集 - Bili Sync</title>
 </svelte:head>
 
-<div class="max-w-6xl">
+<div>
 	<div class="mb-6 flex items-center justify-between">
 		<div>
 			<h1 class="text-2xl font-bold">关注的合集</h1>
@@ -83,13 +83,17 @@
 			<div class="text-muted-foreground">加载中...</div>
 		</div>
 	{:else if collections.length > 0}
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<div
+			style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; width: 100%; max-width: none; justify-items: start;"
+		>
 			{#each collections as collection (collection.id)}
-				<SubscriptionCard
-					item={collection}
-					type="collection"
-					onSubscriptionSuccess={handleSubscriptionSuccess}
-				/>
+				<div style="max-width: 450px; width: 100%;">
+					<SubscriptionCard
+						item={collection}
+						type="collection"
+						onSubscriptionSuccess={handleSubscriptionSuccess}
+					/>
+				</div>
 			{/each}
 		</div>
 
diff --git a/web/src/routes/me/favorites/+page.svelte b/web/src/routes/me/favorites/+page.svelte
index 1888614..e321b16 100644
--- a/web/src/routes/me/favorites/+page.svelte
+++ b/web/src/routes/me/favorites/+page.svelte
@@ -50,7 +50,7 @@
 	<title>我的收藏夹 - Bili Sync</title>
 </svelte:head>
 
-<div class="max-w-6xl">
+<div>
 	<div class="mb-6 flex items-center justify-between">
 		<div>
 			<h1 class="text-2xl font-bold">我的收藏夹</h1>
@@ -68,13 +68,17 @@
 			<div class="text-muted-foreground">加载中...</div>
 		</div>
 	{:else if favorites.length > 0}
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<div
+			style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; width: 100%; max-width: none; justify-items: start;"
+		>
 			{#each favorites as favorite (favorite.fid)}
-				<SubscriptionCard
-					item={favorite}
-					type="favorite"
-					onSubscriptionSuccess={handleSubscriptionSuccess}
-				/>
+				<div style="max-width: 450px; width: 100%;">
+					<SubscriptionCard
+						item={favorite}
+						type="favorite"
+						onSubscriptionSuccess={handleSubscriptionSuccess}
+					/>
+				</div>
 			{/each}
 		</div>
 	{:else}
diff --git a/web/src/routes/me/uppers/+page.svelte b/web/src/routes/me/uppers/+page.svelte
index beeb5d8..58c6d38 100644
--- a/web/src/routes/me/uppers/+page.svelte
+++ b/web/src/routes/me/uppers/+page.svelte
@@ -63,7 +63,7 @@
 	<title>关注的UP主 - Bili Sync</title>
 </svelte:head>
 
-<div class="max-w-6xl">
+<div>
 	<div class="mb-6 flex items-center justify-between">
 		<div>
 			<h1 class="text-2xl font-bold">关注的UP主</h1>
@@ -81,13 +81,17 @@
 			<div class="text-muted-foreground">加载中...</div>
 		</div>
 	{:else if uppers.length > 0}
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<div
+			style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; width: 100%; max-width: none; justify-items: start;"
+		>
 			{#each uppers as upper (upper.mid)}
-				<SubscriptionCard
-					item={upper}
-					type="upper"
-					onSubscriptionSuccess={handleSubscriptionSuccess}
-				/>
+				<div style="max-width: 450px; width: 100%;">
+					<SubscriptionCard
+						item={upper}
+						type="upper"
+						onSubscriptionSuccess={handleSubscriptionSuccess}
+					/>
+				</div>
 			{/each}
 		</div>