diff --git a/apps/web/components/recipe/recipes-grid.tsx b/apps/web/components/recipe/recipes-grid.tsx
index ffe93d7..7c1e8db 100644
--- a/apps/web/components/recipe/recipes-grid.tsx
+++ b/apps/web/components/recipe/recipes-grid.tsx
@@ -480,8 +480,8 @@ export function RecipesGrid({ recipes: initialRecipes }: { recipes: Recipe[] })
   return (
     <div className="space-y-4">
       {/* Toolbar */}
-      <div className="flex items-center justify-between min-h-[36px] gap-3">
-        {selectMode ? (
+      <div className={cn("flex items-center min-h-[36px] gap-3", selectMode && "justify-between")}>
+        {selectMode && (
           <div className="flex items-center gap-3">
             <button onClick={toggleAll} className="text-sm font-medium text-primary hover:underline">
               {allSelected ? t("deselectAll") : t("selectAll")}
@@ -490,8 +490,6 @@ export function RecipesGrid({ recipes: initialRecipes }: { recipes: Recipe[] })
               {selected.size > 0 ? t("selectedCount", { count: selected.size }) : t("clickToSelect")}
             </span>
           </div>
-        ) : (
-          <div />
         )}
         <div className="flex items-center gap-2">
           <ViewToggle value={viewMode} onChange={changeViewMode} />
diff --git a/apps/web/components/recipe/recipes-header.tsx b/apps/web/components/recipe/recipes-header.tsx
index 09cd625..7dff83f 100644
--- a/apps/web/components/recipe/recipes-header.tsx
+++ b/apps/web/components/recipe/recipes-header.tsx
@@ -148,7 +148,7 @@ export function RecipesHeader({
             </Button>
             <Link href="/recipes/new" className={cn(buttonVariants({ variant: "ghost", size: "sm" }), "gap-1.5")}>
               <PlusCircle className="h-4 w-4" />
-              {t("new")}
+              <span className="hidden sm:inline">{t("new")}</span>
             </Link>
           </div>
         </div>