diff --git a/app/components/catalog/HubProductCard.vue b/app/components/catalog/HubProductCard.vue
index 72cd942..9b83dbe 100644
--- a/app/components/catalog/HubProductCard.vue
+++ b/app/components/catalog/HubProductCard.vue
@@ -2,7 +2,7 @@
   <Card
     padding="md"
     interactive
-    class="cursor-pointer overflow-hidden min-w-36 shrink-0"
+    class="cursor-pointer overflow-hidden"
     :class="{ 'bg-base-200': selected }"
     @click="$emit('select')"
   >
diff --git a/app/pages/catalog/hubs/[id].vue b/app/pages/catalog/hubs/[id].vue
index 234dc7e..5c051b8 100644
--- a/app/pages/catalog/hubs/[id].vue
+++ b/app/pages/catalog/hubs/[id].vue
@@ -43,7 +43,7 @@
         </template>
 
         <template #filters>
-          <div class="flex gap-3 overflow-x-auto pb-2">
+          <div class="grid grid-cols-2 sm:grid-cols-3 gap-3">
             <HubProductCard
               v-for="product in products"
               :key="product.uuid"
@@ -225,11 +225,6 @@ try {
   products.value = (productsData.value?.getAvailableProducts || [])
     .filter((p): p is { uuid: string; name: string } => p !== null && !!p.uuid && !!p.name)
     .map(p => ({ uuid: p.uuid!, name: p.name! }))
-
-  // Auto-select first product
-  if (products.value.length > 0) {
-    selectedProductUuid.value = products.value[0].uuid
-  }
 } catch (error) {
   console.error('Error loading hub:', error)
 } finally {