diff --git a/src/app/page.tsx b/src/app/page.tsx
index 74dca04..dff76cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -150,9 +150,9 @@ function HomeClient() {
               <h2 className='mb-4 text-xl font-bold text-gray-800 text-left'>
                 我的收藏
               </h2>
-              <div className='flex flex-wrap gap-x-8 gap-y-20 px-4'>
+              <div className='justify-start grid grid-cols-[repeat(auto-fill,_minmax(11rem,_1fr))] gap-x-8 gap-y-20 px-4'>
                 {favoriteItems.map((item) => (
-                  <div key={item.id + item.source} className='w-44'>
+                  <div key={item.id + item.source} className='w-full'>
                     <VideoCard {...item} from='favorites' />
                   </div>
                 ))}
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
index d2015ee..0e19c1d 100644
--- a/src/app/search/page.tsx
+++ b/src/app/search/page.tsx
@@ -125,9 +125,9 @@ function SearchPageClient() {
             </div>
           ) : showResults ? (
             // 搜索结果
-            <div className='flex flex-wrap gap-x-8 gap-y-20 px-4'>
+            <div className='justify-start grid grid-cols-[repeat(auto-fill,_minmax(11rem,_1fr))] gap-x-8 gap-y-20 px-4'>
               {searchResults.map((item) => (
-                <div key={item.id} className='w-44'>
+                <div key={item.id} className='w-full'>
                   <VideoCard {...item} from='search' />
                 </div>
               ))}