diff --git a/apps/web/components/recipe/recipes-grid.tsx b/apps/web/components/recipe/recipes-grid.tsx
index 992a948..99178c6 100644
--- a/apps/web/components/recipe/recipes-grid.tsx
+++ b/apps/web/components/recipe/recipes-grid.tsx
@@ -258,14 +258,16 @@ function CompactRow({ recipe, selected, selectMode }: { recipe: Recipe; selected
       <h3 className={cn("font-medium text-sm truncate flex-1 min-w-0", !selectMode && "group-hover:text-primary")}>
         {recipe.title}
       </h3>
-      {recipe.isBatchCook && recipe.dishCount ? (
-        <span className="hidden sm:flex items-center gap-1 text-xs text-muted-foreground shrink-0"><Utensils className="h-3 w-3" />{tBatch("dishCount", { count: recipe.dishCount })}</span>
-      ) : (
-        <span className="hidden sm:flex items-center gap-1 text-xs text-muted-foreground shrink-0"><Users className="h-3 w-3" />{recipe.baseServings}</span>
-      )}
-      {totalMins > 0 && (
-        <span className="hidden sm:flex items-center gap-1 text-xs text-muted-foreground shrink-0"><Clock className="h-3 w-3" />{t("total", { mins: totalMins })}</span>
-      )}
+      <span className="hidden sm:flex items-center gap-1 text-xs text-muted-foreground shrink-0 w-16">
+        {recipe.isBatchCook && recipe.dishCount ? (
+          <><Utensils className="h-3 w-3" />{tBatch("dishCount", { count: recipe.dishCount })}</>
+        ) : (
+          <><Users className="h-3 w-3" />{recipe.baseServings}</>
+        )}
+      </span>
+      <span className="hidden sm:flex items-center gap-1 text-xs text-muted-foreground shrink-0 w-20">
+        {totalMins > 0 && (<><Clock className="h-3 w-3" />{t("total", { mins: totalMins })}</>)}
+      </span>
       <span className="hidden sm:inline-flex w-16 shrink-0">
         {recipe.difficulty && (
           <Badge variant={DIFFICULTY_COLOR[recipe.difficulty]} className="text-xs h-4 px-1.5">{t(`difficulty.${recipe.difficulty}`)}</Badge>