diff --git a/frontend/components/Base/Container.vue b/frontend/components/Base/Container.vue
index bf5e7c5c..097d59d5 100644
--- a/frontend/components/Base/Container.vue
+++ b/frontend/components/Base/Container.vue
@@ -8,7 +8,7 @@
 </script>
 
 <template>
-  <component :is="cmp" class="container mx-auto mt-10 max-w-6xl px-3">
+  <component :is="cmp" class="container mx-auto mt-10 max-w-7xl px-3">
     <slot />
   </component>
 </template>
diff --git a/frontend/pages/items.vue b/frontend/pages/items.vue
index dbd34e9b..779dadc0 100644
--- a/frontend/pages/items.vue
+++ b/frontend/pages/items.vue
@@ -35,7 +35,7 @@
     },
   });
 
-  const pageSize = useRouteQuery("pageSize", 21);
+  const pageSize = useRouteQuery("pageSize", 30);
   const query = useRouteQuery("q", "");
   const advanced = useRouteQuery("advanced", false);
   const includeArchived = useRouteQuery("archived", false);
@@ -507,7 +507,7 @@
         <MdiSelectSearch class="size-10" />
         <p>{{ $t("items.no_results") }}</p>
       </div>
-      <div v-else ref="cardgrid" class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3">
+      <div v-else ref="cardgrid" class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5">
         <ItemCard v-for="item in items" :key="item.id" :item="item" :location-flat-tree="locationFlatTree" />
       </div>
       <div v-if="items.length > 0 && (hasNext || hasPrev)" class="mt-10 flex flex-col items-center gap-2">