From 06e86ef58407603005a47e497945ec13d6c596be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 1 Oct 2026 10:01:14 +0200
Subject: [PATCH] fix(ui): keep the page-header title a sibling of its
 description

The grid change wrapped the heading in a cell div, which separated it
from the description paragraph the settings-score spec reads as its
following sibling. The heading is the grid item itself now.
---
 src/components/ui/page-header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/page-header.tsx b/src/components/ui/page-header.tsx
index c6e8ef28e..1efd6b16a 100644
--- a/src/components/ui/page-header.tsx
+++ b/src/components/ui/page-header.tsx
@@ -33,7 +33,7 @@ import { cn } from "@/lib/utils";
  * `wrap-break-word` floor covers a word the hyphenation dictionary does not.
  */
 const HEADING_CLASS =
-  "text-2xl font-bold tracking-tight hyphens-auto wrap-break-word";
+  "min-w-0 text-2xl font-bold tracking-tight hyphens-auto wrap-break-word";
 
 export function PageHeader({
   title,
@@ -91,7 +91,7 @@ export function PageHeader({
           actions && stackActionsOnPhone && "max-sm:grid-cols-1",
         )}
       >
-        <div className="min-w-0">{heading}</div>
+        {heading}
         {actions ? (
           <div
             className={cn(