diff --git a/packages/components/src/components/button/_mixins.scss b/packages/components/src/components/button/_mixins.scss index 020f645206cc..c97aea4c4cec 100644 --- a/packages/components/src/components/button/_mixins.scss +++ b/packages/components/src/components/button/_mixins.scss @@ -29,6 +29,8 @@ outline: none; position: relative; max-width: rem(320px); + // Fix to remove added margins on buttons in safari (see #5155) + margin: 0; &:disabled, &.#{$prefix}--btn--disabled { diff --git a/packages/components/src/globals/scss/_css--reset.scss b/packages/components/src/globals/scss/_css--reset.scss index d2e91732e7d3..8d60fd07128d 100644 --- a/packages/components/src/globals/scss/_css--reset.scss +++ b/packages/components/src/globals/scss/_css--reset.scss @@ -190,6 +190,11 @@ box-sizing: border-box; } + // Fix to remove added margins on buttons in safari (see #5155) + button { + margin: 0; + } + @include carbon--type-reset; @include carbon--icons; }