diff --git a/web/modals/modal.css b/web/modals/modal.css --- a/web/modals/modal.css +++ b/web/modals/modal.css @@ -79,3 +79,7 @@ .primaryButtonContainer > button { width: 100%; } + +.emptyButtonContainerOffset { + height: 8px; +} diff --git a/web/modals/modal.react.js b/web/modals/modal.react.js --- a/web/modals/modal.react.js +++ b/web/modals/modal.react.js @@ -102,7 +102,9 @@ const buttonContainer = React.useMemo(() => { if (!primaryButton) { - return null; + // for empty modals we should add a bottom offset to match the height + // of the padding at the top of the modal + return
; } const className = classNames(