diff --git a/.changeset/tame-pumpkins-jump.md b/.changeset/tame-pumpkins-jump.md new file mode 100644 index 00000000000..e6deab2ef3e --- /dev/null +++ b/.changeset/tame-pumpkins-jump.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Fix(Dialog): set height limit of 35% to DialogHeader diff --git a/packages/react/src/Dialog/Dialog.module.css b/packages/react/src/Dialog/Dialog.module.css index 343be7320da..2264abab174 100644 --- a/packages/react/src/Dialog/Dialog.module.css +++ b/packages/react/src/Dialog/Dialog.module.css @@ -214,7 +214,9 @@ .Header { z-index: 1; + max-height: 35vh; padding: var(--base-size-8); + overflow-y: auto; /* stylelint-disable-next-line primer/box-shadow */ box-shadow: 0 1px 0 var(--borderColor-default); flex-shrink: 0;