diff --git a/src/styles/block.scss b/src/styles/block.scss index 9e717792f..485e21de4 100644 --- a/src/styles/block.scss +++ b/src/styles/block.scss @@ -173,6 +173,12 @@ > *:last-child { margin-bottom: 0; } + + // Separators inside .stk-inner-blocks become flex items. Explicitly setting width to 100% + // restores the expected full-width separator behavior. + .wp-block-separator { + width: 100%; + } } // Column with a block background has a padding that might not be obvious. .stk-block-background { diff --git a/src/styles/editor-block.scss b/src/styles/editor-block.scss index 622bab6f0..89e3744a6 100644 --- a/src/styles/editor-block.scss +++ b/src/styles/editor-block.scss @@ -326,3 +326,8 @@ justify-content: var(--stk-alignment-justify-content); } +// Separators inside .stk-inner-blocks become flex items. Explicitly setting width to 100% +// restores the expected full-width separator behavior. +.stk-inner-blocks .wp-block-separator { + width: 100%; +}