diff --git a/common/changes/office-ui-fabric-react/safari-button-reset-3691_2018-05-07-19-19.json b/common/changes/office-ui-fabric-react/safari-button-reset-3691_2018-05-07-19-19.json new file mode 100644 index 0000000000000..960bb08c1132c --- /dev/null +++ b/common/changes/office-ui-fabric-react/safari-button-reset-3691_2018-05-07-19-19.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Set 'margin 0' reset style for buttons in Safari in Fabric component", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "v-brgarl@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Fabric/Fabric.styles.ts b/packages/office-ui-fabric-react/src/components/Fabric/Fabric.styles.ts index 6bb242e30bdbc..15c707894f1e3 100644 --- a/packages/office-ui-fabric-react/src/components/Fabric/Fabric.styles.ts +++ b/packages/office-ui-fabric-react/src/components/Fabric/Fabric.styles.ts @@ -32,7 +32,8 @@ export const getStyles = (props: IFabricStyleProps): IFabricStyles => { '& input': inheritFont, '& textarea': inheritFont, ':global(button)': { - overflow: 'visible' + overflow: 'visible', + margin: 0 } } }, diff --git a/packages/office-ui-fabric-react/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap index 12987076b5889..c1e2ebcfb8bca 100644 --- a/packages/office-ui-fabric-react/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap @@ -22,6 +22,10 @@ exports[`Fabric renders correctly 1`] = ` font-family: inherit; } button { + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; overflow: visible; } >