fix(PageHeader): use display block insteaf of flex when FF off (#5402)

* fix(PageHeader): use display block insteaf of flex when FF off * Create cold-bags-move.md
primer · Dec 9, 2024 · 6978865 · 6978865
1 parent d57b1de
commit 6978865
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/cold-bags-move.md b/.changeset/cold-bags-move.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+fix(PageHeader): use display block insteaf of flex when FF off
diff --git a/packages/react/src/PageHeader/PageHeader.tsx b/packages/react/src/PageHeader/PageHeader.tsx
@@ -546,7 +546,7 @@ const Title: React.FC<React.PropsWithChildren<TitleProps>> = ({
                 display: 'flex',
                 order: TITLE_AREA_REGION_ORDER.Title,
                 ...getBreakpointDeclarations(hidden, 'display', value => {
-                  return value ? 'none' : 'flex'
+                  return value ? 'none' : 'block'
                 }),
                 fontSize: 'inherit',
                 fontWeight: 'inherit',