diff --git a/src/frontend/stories/story-index.story.vue b/src/frontend/stories/story-index.story.vue
index 6733274..f88bc56 100644
--- a/src/frontend/stories/story-index.story.vue
+++ b/src/frontend/stories/story-index.story.vue
@@ -17,6 +17,27 @@
             title: 'Sample Item 2',
             tags: ['Live'],
           },
+          {
+            number: 3,
+            imageUrl:
+              'https://res.cloudinary.com/redeem/image/upload/v1752849347/story-cms-ui/placeholder_bafmfz.jpg',
+            title: 'Sample Item 2',
+            tags: ['Live'],
+          },
+          {
+            number: 4,
+            imageUrl:
+              'https://res.cloudinary.com/redeem/image/upload/v1752849347/story-cms-ui/placeholder_bafmfz.jpg',
+            title: 'Sample Item 2',
+            tags: ['Live'],
+          },
+          {
+            number: 5,
+            imageUrl:
+              'https://res.cloudinary.com/redeem/image/upload/v1752849347/story-cms-ui/placeholder_bafmfz.jpg',
+            title: 'Sample Item 2',
+            tags: ['Live'],
+          },
         ]"
         :meta="sharedProps.meta"
         :user="user"
diff --git a/src/frontend/stories/story-index.vue b/src/frontend/stories/story-index.vue
index 8b30acc..2994dde 100644
--- a/src/frontend/stories/story-index.vue
+++ b/src/frontend/stories/story-index.vue
@@ -53,12 +53,7 @@
       :class="[
         'grid gap-4',
         {
-          'grid-cols-[repeat(auto-fit,_minmax(260px,_1fr))]':
-            !isList && filteredIndex.length > 3,
-        },
-        {
-          'grid-cols-[repeat(auto-fit,_minmax(260px,_260px))]':
-            !isList && filteredIndex.length <= 3,
+          'grid-cols-[repeat(auto-fit,_minmax(260px,_260px))]': !isList,
         },
         {
           'grid-cols-1': isList,