Add important to auto layout margins

WordPress · May 7, 2021 · f976e9e · f976e9e
1 parent 5af022b
commit f976e9e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/lib/block-supports/layout.php b/lib/block-supports/layout.php
@@ -59,8 +59,8 @@ function gutenberg_render_layout_support_flag( $block_content, $block ) {
  ?>
  <?php echo '.wp-container-' . $id; ?> > * {
  max-width: <?php echo $content_size ? $content_size : $wide_size; ?>;
- margin-left: auto;
- margin-right: auto;
+ margin-left: auto !important;
+ margin-right: auto !important;
  }
 
  <?php echo '.wp-container-' . $id; ?> > .alignwide {

diff --git a/packages/block-editor/src/components/block-list/layout.js b/packages/block-editor/src/components/block-list/layout.js
@@ -43,8 +43,8 @@ export function LayoutStyle( { selector, layout = {} } ) {
  ? `
  ${ appendSelectors( selector, '> *' ) } {
  max-width: ${ contentSize ?? wideSize };
- margin-left: auto;
- margin-right: auto;
+ margin-left: auto !important;
+ margin-right: auto !important;
  }
 
  ${ appendSelectors( selector, '> [data-align="wide"]' ) } {