diff --git a/addons/rose/addon/styles/rose/utilities/_button.scss b/addons/rose/addon/styles/rose/utilities/_button.scss index f286ef5be..f708bee45 100644 --- a/addons/rose/addon/styles/rose/utilities/_button.scss +++ b/addons/rose/addon/styles/rose/utilities/_button.scss @@ -15,28 +15,28 @@ .rose-button-wrapper { display: flex; flex-direction: row; + } - &.has-icon-left > .rose-icon:first-child { - margin-left: -(sizing.rems(xs)); - margin-right: sizing.rems(xxs); - } + &.has-icon-left .rose-icon:first-child { + margin-left: -(sizing.rems(xs)); + margin-right: sizing.rems(xxs); + } - &.has-icon-right > .rose-icon:last-child { - margin-left: sizing.rems(xxs); - margin-right: -(sizing.rems(xs)); - } + &.has-icon-right .rose-icon:last-child { + margin-left: sizing.rems(xxs); + margin-right: -(sizing.rems(xs)); + } - &.has-icon-only { - padding-right: sizing.rems(s); - padding-left: sizing.rems(s); - .rose-button-body { - position: absolute; - top: -1000px; - left: -1000px; - width: 1px; - height: 1px; - opacity: 0; - } + &.has-icon-only { + padding-right: sizing.rems(s); + padding-left: sizing.rems(s); + .rose-button-body { + position: absolute; + top: -1000px; + left: -1000px; + width: 1px; + height: 1px; + opacity: 0; } } }