diff --git a/packages/block-library/src/gallery/editor.scss b/packages/block-library/src/gallery/editor.scss index d0ef7ffbff1c36..9e3534030632ad 100644 --- a/packages/block-library/src/gallery/editor.scss +++ b/packages/block-library/src/gallery/editor.scss @@ -193,13 +193,13 @@ figure.wp-block-gallery { } .wp-block-update-gallery-modal { - max-width: 400px; - .wp-block-update-gallery-modal-buttons { - display: flex; - justify-content: flex-end; - - .components-button { - margin-left: $grid-unit-15; - } + @include break-small() { + max-width: $break-mobile; } } + +.wp-block-update-gallery-modal-buttons { + display: flex; + justify-content: flex-end; + gap: $grid-unit-15; +} diff --git a/packages/block-library/src/page-list/editor.scss b/packages/block-library/src/page-list/editor.scss index c065d5a042e6db..0692cf3b3e1634 100644 --- a/packages/block-library/src/page-list/editor.scss +++ b/packages/block-library/src/page-list/editor.scss @@ -39,16 +39,15 @@ // Modal that shows conversion option. .wp-block-page-list-modal { - max-width: 400px; + @include break-small() { + max-width: $break-mobile; + } } .wp-block-page-list-modal-buttons { display: flex; justify-content: flex-end; - - .components-button { - margin-left: $grid-unit-15; - } + gap: $grid-unit-15; } // Simulate open on click behaviour in the editor by opening on focus instead. diff --git a/packages/editor/src/components/post-locked-modal/style.scss b/packages/editor/src/components/post-locked-modal/style.scss index c65a555fb69219..3de55b3d5d6cbf 100644 --- a/packages/editor/src/components/post-locked-modal/style.scss +++ b/packages/editor/src/components/post-locked-modal/style.scss @@ -1,5 +1,7 @@ .editor-post-locked-modal { - max-width: 400px; + @include break-small() { + max-width: $break-mobile; + } } .editor-post-locked-modal__buttons {