From 9e90f22c7e123d656bda6c5b462d940cd27469f2 Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Thu, 23 Jan 2020 16:15:17 -0800
Subject: [PATCH] fix(button): remove margin added by safari

---
 packages/components/src/components/button/_button.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss
index 903e0b420eda..04735bf3ba69 100644
--- a/packages/components/src/components/button/_button.scss
+++ b/packages/components/src/components/button/_button.scss
@@ -43,6 +43,15 @@
     }
   }
 
+  // Safari only fix to remove added margins on buttons (see #5155)
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      .#{$prefix}--btn {
+        margin: 0;
+      }
+    }
+  }
+
   // Reset intrisic padding in Firefox (see #731)
   .#{$prefix}--btn::-moz-focus-inner {
     padding: 0;