From 453279368462c8e8581b65c56ba3d31a689009c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Arma=C4=9Fan?= Date: Mon, 22 Jul 2024 11:05:01 +1000 Subject: [PATCH] PageHeader: Fix shrinking `Actions` sub component in Safari (#4738) * PageHeader: Fix shrinking actions part in safari * Create slow-rivers-know.md --- .changeset/slow-rivers-know.md | 5 +++++ packages/react/src/PageHeader/PageHeader.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/slow-rivers-know.md diff --git a/.changeset/slow-rivers-know.md b/.changeset/slow-rivers-know.md new file mode 100644 index 00000000000..4b024324fa5 --- /dev/null +++ b/.changeset/slow-rivers-know.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +PageHeader: Fix shrinking Actions sub component in Safari diff --git a/packages/react/src/PageHeader/PageHeader.tsx b/packages/react/src/PageHeader/PageHeader.tsx index 2ac5370b0d1..2934ed6b99b 100644 --- a/packages/react/src/PageHeader/PageHeader.tsx +++ b/packages/react/src/PageHeader/PageHeader.tsx @@ -579,7 +579,7 @@ const Actions: React.FC> = ({ flexDirection: 'row', paddingLeft: '0.5rem', gap: '0.5rem', - flexGrow: '1', + minWidth: 'max-content', justifyContent: 'right', alignItems: 'center', },