Merge pull request #2195 from Shopify/stack-safari

[Stack] Fix spacing bug in Safari

Author: Solona Armstrong

UNRELEASED.md

@@ -24,4 +24,5 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 - Fixed the bottom margin of elements inside `Page` being ignored in some browsers ([#2142](https://github.com/Shopify/polaris-react/pull/2142))
 - Added required `url` prop to `breadcrumbs` in `Page` component examples ([#2182](https://github.com/Shopify/polaris-react/pull/2182))
 - Fixed `ActionList` wrapping text within a `Popover` ([#2057](https://github.com/Shopify/polaris-react/pull/2057))
-- Fixed `Banner` spacing when inside of a section ([2188](https://github.com/Shopify/polaris-react/pull/2188))
+- Fixed `Banner` spacing when inside of a section ([2188](https://github.com/Shopify/polaris-react/pull/2188))
+- Fixed `Stack` so it doesn't add extra spacing between items in Safari ([#2195](https://github.com/Shopify/polaris-react/pull/2195))

src/components/Stack/Stack.scss

@@ -8,7 +8,7 @@
   > .Item {
     margin-top: spacing($spacing);
     margin-left: spacing($spacing);
-    max-width: calc(100% - #{spacing($spacing)});
+    max-width: 100%;
   }
 }