From 0c54fd992148c8a412f9a13c8bf625502b031f89 Mon Sep 17 00:00:00 2001 From: llastflowers Date: Fri, 23 Jan 2026 15:27:02 -0800 Subject: [PATCH 1/2] shrink gutter around dialog on very small screen heights --- packages/react/src/Dialog/Dialog.module.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/react/src/Dialog/Dialog.module.css b/packages/react/src/Dialog/Dialog.module.css index d750854c158..f59c4369010 100644 --- a/packages/react/src/Dialog/Dialog.module.css +++ b/packages/react/src/Dialog/Dialog.module.css @@ -200,6 +200,11 @@ } } + @media (max-height: 280px) { + max-height: calc(100dvh - 12px); + max-width: calc(100dvw - 12px); + } + &[data-position-narrow='bottom'] { width: 100dvw; max-width: 100dvw; From c8387e6017b18d31febcb8f4f378df7c88a277f7 Mon Sep 17 00:00:00 2001 From: "Brittany L. Houtz" <55068883+llastflowers@users.noreply.github.com> Date: Fri, 23 Jan 2026 15:32:02 -0800 Subject: [PATCH 2/2] Add breakpoint to adjust dialog gutter on small screens --- .changeset/lemon-pandas-buy.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/lemon-pandas-buy.md diff --git a/.changeset/lemon-pandas-buy.md b/.changeset/lemon-pandas-buy.md new file mode 100644 index 00000000000..f6dc97fd968 --- /dev/null +++ b/.changeset/lemon-pandas-buy.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Add breakpoint to shrink gutter around dialog on very small screen heights