.wc-block-components-notices { display: block; margin-bottom: 2em; .wc-block-components-notices__notice { margin: 0; .components-notice__content { display: inline-block; } .components-notice__dismiss { background: transparent none; padding: 0; margin: 0; border: 0; outline: 0; color: #fff; float: right; svg { fill: #fff; vertical-align: text-top; } } } .wc-block-components-notices__notice + .wc-block-components-notices__notice { margin-top: 1em; } } .components-snackbar-list { position: fixed; bottom: 20px; left: 16px; width: auto; @include breakpoint( "<782px" ) { position: fixed; top: 10px; left: 0; bottom: auto; } .components-snackbar-list__notice-container { @include breakpoint( "<782px" ) { margin-left: 10px; margin-right: 10px; } } }