diff --git a/common/changes/@uifabric/experiments/fix-button-global-styling_2019-05-15-18-24.json b/common/changes/@uifabric/experiments/fix-button-global-styling_2019-05-15-18-24.json
new file mode 100644
index 00000000000000..eb21899869ee4c
--- /dev/null
+++ b/common/changes/@uifabric/experiments/fix-button-global-styling_2019-05-15-18-24.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/experiments",
+      "comment": "<Fabric> element does not affect global button styling.",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@uifabric/experiments",
+  "email": "jdh@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/office-ui-fabric-react/fix-button-global-styling_2019-05-13-18-25.json b/common/changes/office-ui-fabric-react/fix-button-global-styling_2019-05-13-18-25.json
new file mode 100644
index 00000000000000..0f5121de5ae7f9
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/fix-button-global-styling_2019-05-13-18-25.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "<Fabric> element does not affect global button styling.",
+      "type": "minor"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "jdh@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap b/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap
index 2b480c1fd52913..745dec07e649c4 100644
--- a/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap
+++ b/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap
@@ -46,6 +46,10 @@ exports[`MicroFeedback renders correctly with no props 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
@@ -164,6 +168,10 @@ exports[`MicroFeedback renders correctly with no props 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
diff --git a/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap b/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
index 48cf76cc815d5c..710c55859cb791 100644
--- a/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
+++ b/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
@@ -33,6 +33,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
@@ -155,6 +159,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
@@ -277,6 +285,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-height: 32px;
             min-width: 32px;
             outline: transparent;
@@ -383,6 +395,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-height: 32px;
             min-width: 32px;
             outline: transparent;
@@ -489,6 +505,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-height: 32px;
             min-width: 32px;
             outline: transparent;
@@ -595,6 +615,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-height: 32px;
             min-width: 32px;
             outline: transparent;
@@ -701,6 +725,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-height: 32px;
             min-width: 32px;
             outline: transparent;
@@ -805,6 +833,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
@@ -934,6 +966,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = `
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1075,6 +1111,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
@@ -1197,6 +1237,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
@@ -1471,6 +1515,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1604,6 +1652,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
@@ -1721,6 +1773,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
index 3d4425ce31596a..53bf84c4d7470b 100644
--- a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
@@ -460,6 +460,10 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
                       font-size: 16px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -1210,6 +1214,10 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
                       font-size: 16px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -1591,6 +1599,10 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
                       font-size: 16px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -1810,6 +1822,10 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 6 1`] = `
                       font-size: 16px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts b/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts
index ddfca83ac52f9e..48b71a41242496 100644
--- a/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts
@@ -52,7 +52,7 @@ export const getStyles = memoizeFunction(
           verticalAlign: 'top',
           padding: '0 16px',
           borderRadius: 0,
-
+          margin: 0,
           selectors: {
             // IE11 workaround for preventing shift of child elements of a button when active.
             ':active > *': {
diff --git a/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts b/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts
index 76c877e8e576eb..bccdc0cee66269 100644
--- a/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts
+++ b/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts
@@ -36,7 +36,10 @@ export const getStyles = memoizeFunction(
         cursor: 'pointer',
         verticalAlign: 'top',
         width: 32,
-        marginLeft: -1
+        marginLeft: -1,
+        marginTop: 0,
+        marginRight: 0,
+        marginBottom: 0
       },
 
       splitButtonDivider: {
diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
index ddf378390d8ba6..2ed2f3584c7dc8 100644
--- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
@@ -21,6 +21,10 @@ exports[`Button renders CompoundButton correctly 1`] = `
         font-size: 14px;
         font-weight: 400;
         height: auto;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         max-width: 280px;
         min-height: 72px;
         outline: transparent;
diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
index 2f138ee3e4beb6..229a88f482225a 100644
--- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -20,6 +20,10 @@ exports[`Button renders ActionButton correctly 1`] = `
         font-size: 14px;
         font-weight: 400;
         height: 40px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         outline: transparent;
         padding-bottom: 0;
         padding-left: 4px;
@@ -141,6 +145,10 @@ exports[`Button renders CommandBarButton correctly 1`] = `
         font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
         font-size: 14px;
         font-weight: 400;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 40px;
         outline: transparent;
         padding-bottom: 0;
@@ -318,6 +326,10 @@ exports[`Button renders CompoundButton correctly 1`] = `
         font-size: 14px;
         font-weight: 400;
         height: auto;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         max-width: 280px;
         min-height: 72px;
         outline: transparent;
@@ -465,6 +477,10 @@ exports[`Button renders DefaultButton correctly 1`] = `
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 80px;
         outline: transparent;
         padding-bottom: 0;
@@ -583,6 +599,10 @@ exports[`Button renders IconButton correctly 1`] = `
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         outline: transparent;
         padding-bottom: 0;
         padding-left: 4px;
@@ -704,6 +724,10 @@ exports[`Button renders a DefaultButton with a keytip correctly 1`] = `
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 80px;
         outline: transparent;
         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap
index 2a8c6ea98e8164..237c96931cae16 100644
--- a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap
@@ -168,6 +168,10 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
             font-weight: 400;
             height: 32px;
             line-height: 30px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
index f33b5a1f5b51cd..5f7892a31b1ab2 100644
--- a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
@@ -168,6 +168,10 @@ exports[`ComboBox Renders correctly 1`] = `
             font-weight: 400;
             height: 32px;
             line-height: 30px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
@@ -455,6 +459,10 @@ exports[`ComboBox renders with a Keytip correctly 1`] = `
             font-weight: 400;
             height: 32px;
             line-height: 30px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
index bb94ea36206742..dfd9ce64ed628b 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
@@ -87,6 +87,10 @@ exports[`CommandBar renders commands correctly 1`] = `
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -216,6 +220,10 @@ exports[`CommandBar renders commands correctly 1`] = `
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
index d11dc7c1482f06..4201c598c13f7e 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
@@ -87,6 +87,10 @@ exports[`CommandBar renders commands correctly 1`] = `
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -215,6 +219,10 @@ exports[`CommandBar renders commands correctly 1`] = `
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
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 675ae2e5e79990..235a3d55a2fccd 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
@@ -26,11 +26,7 @@ export const getStyles = (props: IFabricStyleProps): IFabricStyles => {
         selectors: {
           '& button': inheritFont,
           '& input': inheritFont,
-          '& textarea': inheritFont,
-          ':global(button)': {
-            overflow: 'visible',
-            margin: 0
-          }
+          '& textarea': inheritFont
         }
       },
       className
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 c1e2ebcfb8bca4..267d5163a47bd9 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
@@ -21,13 +21,6 @@ exports[`Fabric renders correctly 1`] = `
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   test
 </div>
diff --git a/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
index 5ae783a643fa11..376b95729ec917 100644
--- a/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
@@ -317,6 +317,10 @@ exports[`Facepile renders Facepile correctly 1`] = `
                 font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                 font-size: 14px;
                 font-weight: 400;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0px;
                 padding-left: 0px;
diff --git a/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap b/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap
index 799b23f87734ad..b4b097782c81eb 100644
--- a/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap
@@ -26,13 +26,6 @@ exports[`HoverCard renders ExpandingCard correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
@@ -213,13 +206,6 @@ exports[`HoverCard renders PlainCard correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap
index 0e144a500042e3..f548c1ac3fff21 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap
@@ -26,13 +26,6 @@ exports[`Layer renders Layer correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
index 227f2331dd8fdf..3f290be2b0a840 100644
--- a/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
@@ -26,13 +26,6 @@ exports[`Modal renders Draggable Modal correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
@@ -195,13 +188,6 @@ exports[`Modal renders Modal correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
@@ -373,13 +359,6 @@ exports[`Modal renders Modeless Modal correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
index 186a2ffddc1489..7f85094af0ca27 100644
--- a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
@@ -101,6 +101,10 @@ exports[`Nav renders Nav correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
index 7ca8b56351e9eb..db78a16d6739bf 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
@@ -26,13 +26,6 @@ exports[`Panel renders Panel correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
@@ -204,6 +197,10 @@ exports[`Panel renders Panel correctly 1`] = `
                       font-size: 20px;
                       font-weight: 400;
                       height: auto;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       padding-bottom: 0;
                       padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap
index 6ff8608a07d842..931afbf84e9da9 100644
--- a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap
@@ -62,7 +62,10 @@ exports[`Pivot renders link Pivot correctly 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -216,7 +219,10 @@ exports[`Pivot renders link Pivot correctly 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
diff --git a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
index e8523a0145acc7..94a60014447e5b 100644
--- a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
@@ -62,7 +62,10 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -216,7 +219,10 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -432,7 +438,10 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -586,7 +595,10 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -789,7 +801,10 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -944,7 +959,10 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -1107,7 +1125,10 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -1334,7 +1355,10 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -1488,7 +1512,10 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -1691,7 +1718,10 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
               font-weight: 300;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 10px;
@@ -1858,7 +1888,10 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 10px;
@@ -2069,7 +2102,10 @@ exports[`Pivot renders link Pivot correctly 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -2223,7 +2259,10 @@ exports[`Pivot renders link Pivot correctly 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -2425,7 +2464,10 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
               font-weight: 300;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 10px;
@@ -2592,7 +2634,10 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 10px;
@@ -2802,7 +2847,10 @@ exports[`Pivot supports JSX expressions 1`] = `
               font-weight: 400;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
@@ -2953,7 +3001,10 @@ exports[`Pivot supports JSX expressions 1`] = `
               font-weight: 600;
               height: 40px;
               line-height: 40px;
+              margin-bottom: 0px;
+              margin-left: 0px;
               margin-right: 8px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 8px;
diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
index b188fdc6a90274..e72c4e13031e70 100644
--- a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
@@ -165,6 +165,10 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
               font-size: 14px;
               font-weight: 400;
               height: 50%;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: none;
               padding-bottom: 0;
               padding-left: 0;
@@ -291,6 +295,10 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
               font-size: 14px;
               font-weight: 400;
               height: 50%;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: none;
               padding-bottom: 0;
               padding-left: 0;
@@ -568,6 +576,10 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
               font-size: 14px;
               font-weight: 400;
               height: 50%;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: none;
               padding-bottom: 0;
               padding-left: 0;
@@ -694,6 +706,10 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
               font-size: 14px;
               font-weight: 400;
               height: 50%;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: none;
               padding-bottom: 0;
               padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
index de96349d3fc60d..872499aad5b2e6 100644
--- a/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
@@ -75,6 +75,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -238,6 +242,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -401,6 +409,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -564,6 +576,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -731,6 +747,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -894,6 +914,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -1057,6 +1081,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -1220,6 +1248,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -1387,6 +1419,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -1550,6 +1586,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
@@ -1713,6 +1753,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 1px;
                   padding-left: 1px;
@@ -1876,6 +1920,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 20px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
index 8069bafafb31e0..1d0af34f4a2150 100644
--- a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
@@ -327,6 +327,10 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -469,6 +473,10 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -600,6 +608,10 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
           font-size: 12px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
index 6498b65bcaf290..66fac1370c4f6c 100644
--- a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
@@ -26,13 +26,6 @@ exports[`Tooltip renders default Tooltip correctly 1`] = `
         & textarea {
           font-family: inherit;
         }
-        button {
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
-          overflow: visible;
-        }
     onBlur={[Function]}
     onChange={[Function]}
     onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot
index 9d937c13795504..e3f10714adc4ba 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot
@@ -57,6 +57,10 @@ exports[`Component Examples renders Announced.LazyLoading.Example.tsx correctly
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot
index 8be8a4db98ed30..413c4e3335f8fb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot
@@ -2203,6 +2203,10 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                         font-size: 16px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         outline: transparent;
                         overflow: hidden;
                         padding-bottom: 0;
@@ -2973,6 +2977,10 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                         font-size: 16px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         outline: transparent;
                         overflow: hidden;
                         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot
index 807b7c82cf25ad..04e87e7e6882f7 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot
@@ -103,6 +103,10 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                         font-size: 16px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         outline: transparent;
                         overflow: hidden;
                         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot
index 9b9e51829a783d..9219528111e883 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot
@@ -30,6 +30,10 @@ exports[`Component Examples renders Button.Action.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 40px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot
index c8b0ea2446d052..6f54e5245f017c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot
@@ -29,6 +29,10 @@ exports[`Component Examples renders Button.Anchor.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot
index 3e001d893f4cbc..e0203b5549d00d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot
@@ -64,6 +64,10 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 40px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
@@ -270,6 +274,10 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 40px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot
index 7a8cdc1dc789fb..d73aa333454cd5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot
@@ -31,6 +31,10 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 40px;
             outline: transparent;
             padding-bottom: 0;
@@ -256,6 +260,10 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
                 font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                 font-size: 14px;
                 font-weight: 400;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 40px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -397,7 +405,10 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
                 cursor: pointer;
                 display: inline-block;
                 height: auto;
+                margin-bottom: 0px;
                 margin-left: -1px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 6px;
                 padding-left: 6px;
@@ -501,6 +512,10 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 40px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot
index bedd70dd359ae4..52622b9288ddba 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot
@@ -69,6 +69,10 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] =
             font-size: 14px;
             font-weight: 400;
             height: auto;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             max-width: 280px;
             min-height: 72px;
             outline: transparent;
@@ -244,6 +248,10 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] =
             font-size: 14px;
             font-weight: 400;
             height: auto;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             max-width: 280px;
             min-height: 72px;
             outline: transparent;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot
index d4b62d4711c431..3284d6476948a9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot
@@ -63,6 +63,10 @@ exports[`Component Examples renders Button.ContextualMenu.Example.tsx correctly
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -264,6 +268,10 @@ exports[`Component Examples renders Button.ContextualMenu.Example.tsx correctly
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -438,13 +446,6 @@ exports[`Component Examples renders Button.ContextualMenu.Example.tsx correctly
                 & textarea {
                   font-family: inherit;
                 }
-                button {
-                  margin-bottom: 0px;
-                  margin-left: 0px;
-                  margin-right: 0px;
-                  margin-top: 0px;
-                  overflow: visible;
-                }
             onBlur={[Function]}
             onChange={[Function]}
             onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot
index 64f69416122863..af60bf2a6f6408 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot
@@ -60,6 +60,10 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -204,6 +208,10 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot
index e5f21e4915b118..012483804ff072 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot
@@ -30,6 +30,10 @@ exports[`Component Examples renders Button.Icon.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot
index 4e0f3b57b976b1..ea18d44667a974 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot
@@ -29,6 +29,10 @@ exports[`Component Examples renders Button.Primary.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot
index ad615ebab970e3..88f1a763daca81 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot
@@ -31,6 +31,10 @@ exports[`Component Examples renders Button.ScreenReader.Example.tsx correctly 1`
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot
index 68373e3dcbca54..dcec6097a41d87 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot
@@ -115,6 +115,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -232,7 +236,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 cursor: pointer;
                 display: inline-block;
                 height: auto;
+                margin-bottom: 0px;
                 margin-left: -1px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 6px;
                 padding-left: 6px;
@@ -418,6 +425,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -544,7 +555,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 cursor: pointer;
                 display: inline-block;
                 height: auto;
+                margin-bottom: 0px;
                 margin-left: -1px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 6px;
                 padding-left: 6px;
@@ -731,6 +745,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -850,7 +868,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 cursor: pointer;
                 display: inline-block;
                 height: auto;
+                margin-bottom: 0px;
                 margin-left: -1px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 6px;
                 padding-left: 6px;
@@ -1036,6 +1057,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -1157,7 +1182,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 cursor: pointer;
                 display: inline-block;
                 height: auto;
+                margin-bottom: 0px;
                 margin-left: -1px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 6px;
                 padding-left: 6px;
@@ -1350,6 +1378,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1469,7 +1501,10 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
               cursor: pointer;
               display: inline-block;
               height: auto;
+              margin-bottom: 0px;
               margin-left: -1px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 6px;
               padding-left: 6px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot
index 8e44099e10c15e..7ea8c5cbc3d1a2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Button.Toggle.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot
index 7c05591140e4fa..4dc0f9355bf06f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot
@@ -21,6 +21,10 @@ exports[`Component Examples renders Calendar.Button.Example.tsx correctly 1`] =
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot
index 5ce95307dd8d75..0868dc98e44e53 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot
@@ -29,6 +29,10 @@ exports[`Component Examples renders Callout.Basic.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -151,13 +155,6 @@ exports[`Component Examples renders Callout.Basic.Example.tsx correctly 1`] = `
           & textarea {
             font-family: inherit;
           }
-          button {
-            margin-bottom: 0px;
-            margin-left: 0px;
-            margin-right: 0px;
-            margin-top: 0px;
-            overflow: visible;
-          }
       onBlur={[Function]}
       onChange={[Function]}
       onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot
index b73a65859f9706..9146e9583199ec 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot
@@ -239,6 +239,10 @@ exports[`Component Examples renders Callout.Cover.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot
index 7b71b9f2d2df38..a1d8c1dae55fe9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot
@@ -874,6 +874,10 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot
index cafd590008ed03..36f13b061c968c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders Callout.FocusTrap.Example.tsx correctly 1`]
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot
index a804771edabf27..e34e1284d8f680 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders Callout.Nested.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot
index 380375c5eca2d2..99b480f3c3fdd2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot
@@ -246,6 +246,10 @@ exports[`Component Examples renders Coachmark.Basic.Example.tsx correctly 1`] =
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot
index c156bdd9b409cb..77f8e4c5c0b458 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
       & > * {
         margin-bottom: 20px;
       }
@@ -235,6 +228,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 32px;
                 line-height: 30px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 4px;
@@ -367,6 +364,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -677,6 +678,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -990,6 +995,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1301,6 +1310,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1439,13 +1452,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             & textarea {
               font-family: inherit;
             }
-            button {
-              margin-bottom: 0px;
-              margin-left: 0px;
-              margin-right: 0px;
-              margin-top: 0px;
-              overflow: visible;
-            }
         onBlur={[Function]}
         onChange={[Function]}
         onClick={[Function]}
@@ -1624,6 +1630,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -1775,6 +1785,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -1919,6 +1933,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -2069,6 +2087,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -2273,6 +2295,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -2425,6 +2451,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -2568,6 +2598,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -2718,6 +2752,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -2868,6 +2906,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -3018,6 +3060,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-height: 32px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -3316,6 +3362,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -3611,6 +3661,10 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot
index e0b04c200d24ca..935a2b15e6d864 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders ComboBox.Controlled.Example.tsx correctly 1`
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
       & > * {
         margin-bottom: 20px;
       }
@@ -232,6 +225,10 @@ exports[`Component Examples renders ComboBox.Controlled.Example.tsx correctly 1`
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -543,6 +540,10 @@ exports[`Component Examples renders ComboBox.Controlled.Example.tsx correctly 1`
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot
index 5ee0c1cda62526..29855f3e91d427 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
       & > * {
         margin-bottom: 20px;
       }
@@ -236,6 +229,10 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -547,6 +544,10 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot
index df6a3928e2df6e..61bf34bf58e7e0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot
@@ -22,13 +22,6 @@ exports[`Component Examples renders ComboBox.Toggles.Example.tsx correctly 1`] =
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
       & > * {
         margin-right: 20px;
       }
@@ -233,6 +226,10 @@ exports[`Component Examples renders ComboBox.Toggles.Example.tsx correctly 1`] =
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot
index 549bd8bfb5c593..22ca65191bf2eb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot
@@ -22,13 +22,6 @@ exports[`Component Examples renders ComboBox.Virtualized.Example.tsx correctly 1
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <div
     autoComplete="on"
@@ -228,6 +221,10 @@ exports[`Component Examples renders ComboBox.Virtualized.Example.tsx correctly 1
               font-weight: 400;
               height: 32px;
               line-height: 30px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot
index bd327fd0f8924a..e8ef117f8460f2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot
@@ -91,6 +91,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -276,6 +280,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -434,6 +442,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -591,6 +603,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -751,6 +767,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                       font-size: 14px;
                       font-weight: 400;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -897,6 +917,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1066,6 +1090,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
@@ -1212,6 +1240,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot
index ba0586a967f198..1d5a3b639fec15 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot
@@ -91,6 +91,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -277,6 +281,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -436,6 +444,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -594,6 +606,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -755,6 +771,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                       font-size: 14px;
                       font-weight: 400;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -901,6 +921,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1071,6 +1095,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
@@ -1217,6 +1245,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot
index 262ec473cfe499..a2635ed9d4a52a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot
@@ -90,6 +90,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -275,6 +279,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -434,6 +442,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -592,6 +604,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -752,6 +768,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -898,6 +918,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1067,6 +1091,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1213,6 +1241,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1417,6 +1449,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1602,6 +1638,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1761,6 +1801,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1916,13 +1960,6 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     & textarea {
                       font-family: inherit;
                     }
-                    button {
-                      margin-bottom: 0px;
-                      margin-left: 0px;
-                      margin-right: 0px;
-                      margin-top: 0px;
-                      overflow: visible;
-                    }
                 onBlur={[Function]}
                 onChange={[Function]}
                 onClick={[Function]}
@@ -2249,6 +2286,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                                               font-size: 12px;
                                               font-weight: 400;
                                               height: 32px;
+                                              margin-bottom: 0px;
+                                              margin-left: 0px;
+                                              margin-right: 0px;
+                                              margin-top: 0px;
                                               outline: transparent;
                                               padding-bottom: 0;
                                               padding-left: 4px;
@@ -2403,6 +2444,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2563,6 +2608,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2709,6 +2758,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 100%;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2878,6 +2931,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -3024,6 +3081,10 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot
index fc5c75a4b0d858..ad2cb40f2b49cb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot
@@ -141,6 +141,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                           font-size: 14px;
                           font-weight: 400;
                           height: 100%;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-width: 40px;
                           outline: transparent;
                           padding-bottom: 0;
@@ -284,7 +288,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                           cursor: pointer;
                           display: inline-block;
                           height: auto;
+                          margin-bottom: 0px;
                           margin-left: -1px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           outline: transparent;
                           padding-bottom: 6px;
                           padding-left: 6px;
@@ -452,6 +459,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                           font-size: 14px;
                           font-weight: 400;
                           height: 100%;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           min-width: 40px;
                           outline: transparent;
                           padding-bottom: 0;
@@ -597,7 +608,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                           cursor: pointer;
                           display: inline-block;
                           height: auto;
+                          margin-bottom: 0px;
                           margin-left: -1px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           outline: transparent;
                           padding-bottom: 6px;
                           padding-left: 6px;
@@ -717,6 +731,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -886,6 +904,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
@@ -1022,6 +1044,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                       font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                       font-size: 14px;
                       font-weight: 400;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1168,6 +1194,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1337,6 +1367,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
@@ -1483,6 +1517,10 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct
                         font-size: 14px;
                         font-weight: 400;
                         height: 100%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         min-width: 40px;
                         outline: transparent;
                         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot
index e5ee26d625aac4..5c2bd9676cbc14 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.Basic.Example.tsx correctly 1
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot
index c57708d3ff051a..c867ec2c369fb8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders ContextualMenu.Checkmarks.Example.tsx correc
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 80px;
         outline: transparent;
         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot
index 2f977f262879ab..3b85081bcefa7e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.CustomMenuItem.Example.tsx co
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot
index c577ca8c7d15e0..e478cb6151b908 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.CustomMenuList.Example.tsx co
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot
index 6ac395ca3d597f..ecb3ae38f77e86 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.Customization.Example.tsx cor
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 80px;
         outline: transparent;
         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot
index 9155615feeb564..c93ba617789c8a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.CustomizationWithNoWrap.Examp
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 80px;
         outline: transparent;
         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot
index 741e6c12d2617c..b9dfd563b1130c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot
@@ -372,6 +372,10 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot
index 4a153d20de8296..f417d0c50ae899 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders ContextualMenu.Header.Example.tsx correctly
         font-size: 14px;
         font-weight: 400;
         height: 32px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        margin-right: 0px;
+        margin-top: 0px;
         min-width: 80px;
         outline: transparent;
         padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot
index 925a22c4d7e16b..82e082a82da43d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.Icon.Example.tsx correctly 1`
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot
index 48ee8cd683f0c9..3fb00b4c454a84 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.Icon.SecondaryText.Example.ts
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot
index 64d881a7846ff6..17f0d4c2152d13 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.Persisted.Example.tsx correct
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
@@ -169,13 +173,6 @@ exports[`Component Examples renders ContextualMenu.Persisted.Example.tsx correct
               & textarea {
                 font-family: inherit;
               }
-              button {
-                margin-bottom: 0px;
-                margin-left: 0px;
-                margin-right: 0px;
-                margin-top: 0px;
-                overflow: visible;
-              }
           onBlur={[Function]}
           onChange={[Function]}
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot
index 3ae16417ae29bc..815ffd4acf7abb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.ScrollBar.Example.tsx correct
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot
index 745e7baa94309a..15d5bc036142b4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot
@@ -23,6 +23,10 @@ exports[`Component Examples renders ContextualMenu.Section.Example.tsx correctly
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot
index d440272708dfe2..c03de539ea82b5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot
@@ -177,6 +177,10 @@ exports[`Component Examples renders ContextualMenu.Submenu.Example.tsx correctly
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot
index 7f57319e0047f9..d185f3bffb873d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot
@@ -242,6 +242,10 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot
index e0ba3b78cc44af..e1d0569d625c58 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot
@@ -242,6 +242,10 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot
index 87dae53810369f..64829df9b42f6c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot
@@ -93,6 +93,10 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -249,6 +253,10 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -408,6 +416,10 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -606,6 +618,10 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Basic.Example.tsx.shot
index 151b95ed167d0b..38c10ca3173a9a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Basic.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders DetailsList.Basic.Example.tsx correctly 1`]
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <div
     className=
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot
index 47844a44f040db..7efef99541b529 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders DetailsList.Compact.Example.tsx correctly 1`
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <div
     className=
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot
index 580c51672aaa42..eafc139a8eb3a1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <div
     className=
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot
index 44a9236d573e0c..2ccc96c626e78a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot
@@ -152,6 +152,10 @@ exports[`Component Examples renders Dialog.Basic.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot
index b2fb5be27f3347..de50f9d0af0134 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Dialog.Blocking.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot
index ae41dae4dcd47e..33e387e90d37a6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Dialog.LargeHeader.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot
index 235aa10ed393d0..25aab6265b5f10 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot
@@ -159,6 +159,10 @@ exports[`Component Examples renders Dialog.Modeless.Example.tsx correctly 1`] =
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -275,6 +279,10 @@ exports[`Component Examples renders Dialog.Modeless.Example.tsx correctly 1`] =
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot
index 7a8f423546de12..118df3e06297e7 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Dialog.TopOffsetFixed.Example.tsx correctly
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot
index a1dd87bf35a59e..cc956eea8c9964 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot
@@ -601,6 +601,10 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -738,6 +742,10 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -875,6 +883,10 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot
index 12d29c88e3c857..674995d44884dc 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot
@@ -261,6 +261,10 @@ exports[`Component Examples renders Dropdown.Required.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot
index 93106c858ada45..67c1c87931b1fb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot
@@ -100,6 +100,10 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot
index ce811db89b243b..725563ca264add 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot
@@ -100,6 +100,10 @@ exports[`Component Examples renders ExtendedPeoplePicker.Controlled.Example.tsx
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot
index 634f4b62f5a191..8de5f564ba20d1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot
@@ -62,7 +62,10 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] =
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
             margin-right: 4px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0px;
             padding-left: 0px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot
index 652f900dd306a3..3a4e03cf9273e6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot
@@ -342,6 +342,10 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot
index 91ec751c1731e3..1517646bb4d258 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot
@@ -342,6 +342,10 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0px;
                   padding-left: 0px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot
index 56b17a9013f7dc..916d88358105a1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot
@@ -86,6 +86,10 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot
index c638980ae85ffc..99422a1fe3ba9a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot
@@ -86,6 +86,10 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot
index afdab60e832d72..775d123d41e128 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders FocusTrapZone.DialogInPanel.Example.tsx corr
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot
index 353ece4f7872dc..3c33a27e495c5c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot
@@ -268,6 +268,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -382,6 +386,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -496,6 +504,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -612,6 +624,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -765,6 +781,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -879,6 +899,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -993,6 +1017,10 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot
index 701ba6e1bfac28..47bb012333edd0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot
@@ -21,6 +21,9 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
           font-weight: 400;
           height: 32px;
           margin-bottom: 10px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
@@ -345,6 +348,10 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -670,6 +677,10 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                   font-size: 14px;
                   font-weight: 400;
                   height: 32px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 80px;
                   outline: transparent;
                   padding-bottom: 0;
@@ -995,6 +1006,10 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1333,6 +1348,10 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1683,6 +1702,10 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                   font-size: 14px;
                   font-weight: 400;
                   height: 32px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 80px;
                   outline: transparent;
                   padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot
index 1db8ff5869d212..dcd8dd3f141daf 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot
@@ -77,6 +77,10 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -191,6 +195,10 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -428,6 +436,10 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -544,6 +556,10 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
@@ -694,6 +710,10 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -808,6 +828,10 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot
index 13d81eed317d42..000d6ee6ac8755 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot
@@ -363,6 +363,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -827,6 +831,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -1291,6 +1299,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -1755,6 +1767,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -2219,6 +2235,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -2683,6 +2703,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -3147,6 +3171,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -3611,6 +3639,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -4075,6 +4107,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -4539,6 +4575,10 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot
index ad3fdba55cc97a..ac4b849377307a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot
@@ -77,6 +77,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -191,6 +195,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -428,6 +436,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -594,6 +606,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
                   font-size: 14px;
                   font-weight: 400;
                   height: 32px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 80px;
                   outline: transparent;
                   padding-bottom: 0;
@@ -705,7 +721,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
                   cursor: pointer;
                   display: inline-block;
                   height: auto;
+                  margin-bottom: 0px;
                   margin-left: -1px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 6px;
                   padding-left: 6px;
@@ -845,6 +864,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -959,6 +982,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
@@ -1196,6 +1223,10 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               font-size: 14px;
               font-weight: 400;
               height: 32px;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 80px;
               outline: transparent;
               padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Basic.Example.tsx.shot
index 5b0fb181b16c4b..6729048309e1d6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Basic.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders HoverCard.Basic.Example.tsx correctly 1`] =
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <p>
     Hover over the 
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.PlainCard.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.PlainCard.Example.tsx.shot
index af9056151f6baa..cc103e0d4ce5db 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.PlainCard.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.PlainCard.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders HoverCard.PlainCard.Example.tsx correctly 1`
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <p>
     Hover over the 
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Target.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Target.Example.tsx.shot
index 32f3cf4a21cd2e..e38ab8454c6538 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Target.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.Target.Example.tsx.shot
@@ -21,13 +21,6 @@ exports[`Component Examples renders HoverCard.Target.Example.tsx correctly 1`] =
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
 >
   <p>
     Hover over the 
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot
index 95a526c0297e1a..cbc273a4edc66b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot
@@ -67,7 +67,10 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -224,7 +227,10 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -377,7 +383,10 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -710,6 +719,10 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                         font-size: 14px;
                         font-weight: 400;
                         height: 50%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         outline: none;
                         padding-bottom: 0;
                         padding-left: 0;
@@ -836,6 +849,10 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                         font-size: 14px;
                         font-weight: 400;
                         height: 50%;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         outline: none;
                         padding-bottom: 0;
                         padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot
index 0f9710409f982d..cd63431f4e574c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot
@@ -45,6 +45,10 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -164,6 +168,9 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
             font-weight: 400;
             height: auto;
             margin-bottom: 28px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             max-width: 280px;
             min-height: 72px;
             outline: transparent;
@@ -314,6 +321,10 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -512,6 +523,10 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 32px;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 80px;
                 outline: transparent;
                 padding-bottom: 0;
@@ -622,7 +637,10 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
                 cursor: pointer;
                 display: inline-block;
                 height: auto;
+                margin-bottom: 0px;
                 margin-left: -1px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 6px;
                 padding-left: 6px;
@@ -725,6 +743,10 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
@@ -845,6 +867,9 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
           font-weight: 400;
           height: 32px;
           margin-bottom: 28px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
@@ -1109,6 +1134,10 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot
index 59ae5df5a36e76..4da2c5ab88fa11 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot
@@ -93,6 +93,10 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -252,6 +256,10 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -428,6 +436,10 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
                       font-size: 14px;
                       font-weight: 400;
                       height: 100%;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 40px;
                       outline: transparent;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot
index 71f1d13e8239dc..22b2d8f3d6ffec 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot
@@ -50,6 +50,10 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 10px;
@@ -178,6 +182,10 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 10px;
@@ -306,6 +314,10 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 10px;
@@ -437,6 +449,10 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 0;
@@ -565,6 +581,10 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot
index d31906eb07fd91..9b3a78560251ba 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Layer.NestedLayers.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot
index dcd477cf7cf396..24ad944fb3d1cf 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot
@@ -1294,6 +1294,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1408,6 +1412,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1737,6 +1745,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1851,6 +1863,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -2182,6 +2198,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -2798,6 +2818,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2912,6 +2936,10 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Styled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Styled.Example.tsx.shot
index ae48544b3624f3..5b4c06075910f0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Styled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Styled.Example.tsx.shot
@@ -1300,6 +1300,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1414,6 +1418,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1745,6 +1753,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -1859,6 +1871,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -2192,6 +2208,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       min-width: 80px;
                       outline: transparent;
                       padding-bottom: 0;
@@ -2810,6 +2830,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2924,6 +2948,10 @@ exports[`Component Examples renders MessageBar.Styled.Example.tsx correctly 1`]
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot
index 642a88d1eb6137..e9e839d4f7f41d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot
@@ -152,6 +152,10 @@ exports[`Component Examples renders Modal.Basic.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot
index 335fb4107dbab2..4ddf42af05e67f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot
@@ -154,6 +154,10 @@ exports[`Component Examples renders Modal.Modeless.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot
index f13b68bdbcdbb9..8d3a77971435f1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot
@@ -193,6 +193,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -372,6 +376,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: 36px;
                           line-height: 36px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           outline: transparent;
                           overflow: hidden;
                           padding-bottom: 0;
@@ -543,6 +551,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                           font-weight: 400;
                           height: 36px;
                           line-height: 36px;
+                          margin-bottom: 0px;
+                          margin-left: 0px;
+                          margin-right: 0px;
+                          margin-top: 0px;
                           outline: transparent;
                           overflow: hidden;
                           padding-bottom: 0;
@@ -707,6 +719,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -885,6 +901,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -1056,6 +1076,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -1216,6 +1240,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -1385,6 +1413,10 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot
index c27e0d7b35ecc4..5882eaa23018e0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot
@@ -104,6 +104,10 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -272,6 +276,10 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -476,6 +484,10 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -644,6 +656,10 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot
index 0b345cf412fbfb..7250621da15739 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot
@@ -187,6 +187,10 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
@@ -441,6 +445,10 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
                       font-weight: 400;
                       height: 36px;
                       line-height: 36px;
+                      margin-bottom: 0px;
+                      margin-left: 0px;
+                      margin-right: 0px;
+                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot
index e42c8d9c4d21f6..a9d4233e8283a6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot
@@ -253,6 +253,10 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
             font-size: 14px;
             font-weight: 400;
             height: auto;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 0px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot
index ba89e76790074a..aec0ce63f288e8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot
@@ -182,6 +182,10 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 40px;
             outline: transparent;
             padding-bottom: 0;
@@ -362,6 +366,10 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 40px;
             outline: transparent;
             padding-bottom: 0;
@@ -514,6 +522,10 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 40px;
             outline: transparent;
             padding-bottom: 0;
@@ -671,6 +683,10 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             font-size: 14px;
             font-weight: 400;
             height: auto;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 0px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
index 98476e98e19038..2c0b79d1bb11c9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
@@ -56,6 +56,10 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 10px;
@@ -197,6 +201,10 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 10px;
@@ -338,6 +346,10 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
               font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
               font-size: 14px;
               font-weight: 400;
+              margin-bottom: 0px;
+              margin-left: 0px;
+              margin-right: 0px;
+              margin-top: 0px;
               min-width: 40px;
               outline: transparent;
               padding-bottom: 10px;
@@ -471,6 +483,10 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
             font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
             font-size: 14px;
             font-weight: 400;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 40px;
             outline: transparent;
             padding-bottom: 10px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot
index 0b06b5b9a5d5bd..d91eb4e90ef91a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Overlay.Dark.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot
index 24eb27b03a4bab..790328f31a338f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Overlay.Light.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot
index e0a3c7f449cb1f..82ec561d1e4e80 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.Custom.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.CustomLeft.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.CustomLeft.Example.tsx.shot
index 9ee4a3f0e31bbe..97c37eb20a1b1c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.CustomLeft.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.CustomLeft.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.CustomLeft.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot
index 29d74841fe4c29..072322cd7d4065 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.ExtraLarge.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot
index 30fe36f007da57..2336702cfba764 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.Footer.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HandleDismissTarget.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HandleDismissTarget.Example.tsx.shot
index 13e3a7769f0dee..dce5bccca08510 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HandleDismissTarget.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HandleDismissTarget.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.HandleDismissTarget.Example.tsx correc
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
index 4e85b16549026d..d35be03778a63c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
@@ -141,13 +145,6 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
           & textarea {
             font-family: inherit;
           }
-          button {
-            margin-bottom: 0px;
-            margin-left: 0px;
-            margin-right: 0px;
-            margin-top: 0px;
-            overflow: visible;
-          }
       onBlur={[Function]}
       onChange={[Function]}
       onClick={[Function]}
@@ -297,6 +294,10 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
                         font-size: 20px;
                         font-weight: 400;
                         height: auto;
+                        margin-bottom: 0px;
+                        margin-left: 0px;
+                        margin-right: 0px;
+                        margin-top: 0px;
                         outline: transparent;
                         padding-bottom: 0;
                         padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot
index 59413846c08b25..65e6a50d985f6b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.Large.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot
index 27e32a122797d8..3d4d4810f1dc8b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.LargeFixed.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot
index 595a48b2cfde49..0c407471296a74 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Panel.LightDismiss.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot
index 9b69e4d7952b08..8ca729d8fd8341 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Panel.LightDismissCustom.Example.tsx correct
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot
index a77ee64a8cb964..50c242a5941076 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.Medium.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Navigation.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Navigation.Example.tsx.shot
index 50e7ebb40c1ed9..87eb340bdaa815 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Navigation.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Navigation.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.Navigation.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot
index 26800bd669e591..b001591666ac33 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Panel.NonModal.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot
index 791038d897f215..861a47a052f06a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.PreventDefault.Example.tsx correctly 1
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Scroll.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Scroll.Example.tsx.shot
index 78a1c2a608a349..bbd4eae5c8a8e4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Scroll.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Scroll.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.Scroll.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot
index 0edaa3d6c28711..a3164690b47705 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.SmallFluid.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot
index 828a2125771a7e..57d21329220217 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.SmallLeft.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot
index 552432325e026d..d7217f038eee66 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot
@@ -22,6 +22,10 @@ exports[`Component Examples renders Panel.SmallRight.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot
index 79cc0454aade83..0d098e80528968 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot
@@ -585,6 +585,10 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot
index 59965155dff939..a82324bb99dcf3 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot
@@ -63,7 +63,10 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -219,7 +222,10 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -369,7 +375,10 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot
index 7a67b0954ed127..6f9a8599fc8707 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot
@@ -63,7 +63,10 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -217,7 +220,10 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -367,7 +373,10 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -557,6 +566,10 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 80px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -679,13 +692,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                   & textarea {
                     font-family: inherit;
                   }
-                  button {
-                    margin-bottom: 0px;
-                    margin-left: 0px;
-                    margin-right: 0px;
-                    margin-top: 0px;
-                    overflow: visible;
-                  }
               onBlur={[Function]}
               onChange={[Function]}
               onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot
index 6318fc8bc54f8f..e396938e29bd01 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot
@@ -63,7 +63,10 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -255,7 +258,10 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -431,7 +437,10 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -594,7 +603,10 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -782,7 +794,10 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot
index c60159035fedca..1a69e105ec4b47 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot
@@ -64,7 +64,10 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -218,7 +221,10 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -368,7 +374,10 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot
index d51345d9ec9f2d..c873242651b6b4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot
@@ -65,7 +65,10 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 font-weight: 300;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -232,7 +235,10 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -392,7 +398,10 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -552,7 +561,10 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot
index 71bd6680e28b2e..2a0265dcf8dd08 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot
@@ -63,7 +63,10 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -217,7 +220,10 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -367,7 +373,10 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -550,6 +559,10 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot
index d240cda2502108..a1c6e1e2f60b04 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot
@@ -65,7 +65,10 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 font-weight: 300;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -232,7 +235,10 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -392,7 +398,10 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -552,7 +561,10 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -800,6 +812,10 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot
index 6c9f75169abcfe..51b64c1b0d6728 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot
@@ -75,7 +75,10 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
                 font-weight: 600;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -229,7 +232,10 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
@@ -379,7 +385,10 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 8px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 8px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.SeparateNoSelectedKey.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.SeparateNoSelectedKey.Example.tsx.shot
index 41bed757279a9c..1825b4fa3bdd57 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.SeparateNoSelectedKey.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.SeparateNoSelectedKey.Example.tsx.shot
@@ -85,7 +85,10 @@ exports[`Component Examples renders Pivot.SeparateNoSelectedKey.Example.tsx corr
                   font-weight: 400;
                   height: 40px;
                   line-height: 40px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
                   margin-right: 8px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0;
                   padding-left: 8px;
@@ -235,7 +238,10 @@ exports[`Component Examples renders Pivot.SeparateNoSelectedKey.Example.tsx corr
                   font-weight: 400;
                   height: 40px;
                   line-height: 40px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
                   margin-right: 8px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0;
                   padding-left: 8px;
@@ -385,7 +391,10 @@ exports[`Component Examples renders Pivot.SeparateNoSelectedKey.Example.tsx corr
                   font-weight: 400;
                   height: 40px;
                   line-height: 40px;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
                   margin-right: 8px;
+                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0;
                   padding-left: 8px;
@@ -534,6 +543,10 @@ exports[`Component Examples renders Pivot.SeparateNoSelectedKey.Example.tsx corr
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot
index 701ff26eca1847..36d12a6ed80204 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot
@@ -64,7 +64,10 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 font-weight: 300;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -231,7 +234,10 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -391,7 +397,10 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -551,7 +560,10 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot
index 05b3b1e645c483..4617fe0b941285 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot
@@ -65,7 +65,10 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 font-weight: 300;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -232,7 +235,10 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -392,7 +398,10 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
@@ -552,7 +561,10 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 font-weight: 400;
                 height: 40px;
                 line-height: 40px;
+                margin-bottom: 0px;
+                margin-left: 0px;
                 margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 10px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot
index 5b48c4a695ab45..0c8dd855c7c3f9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot
@@ -24,6 +24,10 @@ exports[`Component Examples renders PositioningContainer.Basic.Example.tsx corre
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot
index 115fc0478b6530..212288f007386d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot
@@ -749,6 +749,10 @@ exports[`Component Examples renders Rating.ButtonControlled.Example.tsx correctl
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot
index 6b1ddbce8e784e..387b6dc71acff8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot
@@ -69,6 +69,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -222,6 +226,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -375,6 +383,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -528,6 +540,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -681,6 +697,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -834,6 +854,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -987,6 +1011,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1140,6 +1168,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1293,6 +1325,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1446,6 +1482,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1599,6 +1639,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1752,6 +1796,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -1905,6 +1953,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2058,6 +2110,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2211,6 +2267,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2364,6 +2424,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2517,6 +2581,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2670,6 +2738,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2823,6 +2895,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
@@ -2976,6 +3052,10 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                     font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                     font-size: 14px;
                     font-weight: 400;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     min-width: 40px;
                     outline: transparent;
                     padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.VerticalOverflowSet.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.VerticalOverflowSet.Example.tsx.shot
index c1aa6f2b598cd7..cfc675c9f3e6e0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.VerticalOverflowSet.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.VerticalOverflowSet.Example.tsx.shot
@@ -71,6 +71,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -225,6 +229,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -379,6 +387,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -533,6 +545,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -687,6 +703,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -841,6 +861,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -995,6 +1019,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -1149,6 +1177,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -1303,6 +1335,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -1457,6 +1493,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -1611,6 +1651,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -1765,6 +1809,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -1919,6 +1967,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2073,6 +2125,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2227,6 +2283,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2381,6 +2441,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2535,6 +2599,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2689,6 +2757,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2843,6 +2915,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
@@ -2997,6 +3073,10 @@ exports[`Component Examples renders ResizeGroup.VerticalOverflowSet.Example.tsx
                   font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
                   font-size: 14px;
                   font-weight: 400;
+                  margin-bottom: 0px;
+                  margin-left: 0px;
+                  margin-right: 0px;
+                  margin-top: 0px;
                   min-width: 40px;
                   outline: transparent;
                   padding-bottom: 10px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot
index bd3bca3e0d80ff..f5cb0af39d3098 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot
@@ -21,6 +21,9 @@ exports[`Component Examples renders SelectedPeopleList.Controlled.Example.tsx co
           font-weight: 400;
           height: 32px;
           margin-bottom: 20px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
@@ -202,6 +205,10 @@ exports[`Component Examples renders SelectedPeopleList.Controlled.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0;
                     padding-left: 4px;
@@ -507,6 +514,10 @@ exports[`Component Examples renders SelectedPeopleList.Controlled.Example.tsx co
                     font-size: 14px;
                     font-weight: 400;
                     height: 32px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0;
                     padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot
index 23d4e8c45fab31..7e945440107479 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot
@@ -25,13 +25,6 @@ exports[`Component Examples renders Shimmer.Basic.Example.tsx correctly 1`] = `
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
       & > * {
         margin-bottom: 10px;
         margin-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot
index 4c6ccf1d63e038..42c67d459a3cca 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot
@@ -25,13 +25,6 @@ exports[`Component Examples renders Shimmer.CustomElements.Example.tsx correctly
       & textarea {
         font-family: inherit;
       }
-      button {
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        overflow: visible;
-      }
       & > * {
         margin-bottom: 10px;
         margin-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot
index 9dd68f99e1cc70..1818a4a4eb38fd 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot
@@ -196,6 +196,10 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -323,6 +327,10 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -597,6 +605,10 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -724,6 +736,10 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot
index 30e93c832d748d..cae2553f947aaf 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot
@@ -182,6 +182,10 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 opacity: 0.5;
                 outline: transparent;
                 padding-bottom: 0;
@@ -310,6 +314,10 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 opacity: 0.5;
                 outline: transparent;
                 padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot
index c2391d905a6a05..547b7fab8516a2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot
@@ -196,6 +196,10 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -323,6 +327,10 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot
index 538990506ab821..7cd7330e2d266c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot
@@ -196,6 +196,10 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -323,6 +327,10 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot
index 4eb318288b7b56..17e9f4dc7072fc 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot
@@ -206,6 +206,10 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 opacity: 0.5;
                 outline: transparent;
                 padding-bottom: 0;
@@ -334,6 +338,10 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 opacity: 0.5;
                 outline: transparent;
                 padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot
index 45e06518c2b031..3fab02dcc5471e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot
@@ -167,6 +167,10 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -294,6 +298,10 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot
index 2862117876816a..fcd3e9bb24edc1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot
@@ -173,6 +173,10 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
@@ -300,6 +304,10 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
                 font-size: 14px;
                 font-weight: 400;
                 height: 50%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: none;
                 padding-bottom: 0;
                 padding-left: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot
index 8e127eef94e895..168ce243cadd9a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot
@@ -79,6 +79,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -242,6 +246,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -405,6 +413,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -568,6 +580,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -731,6 +747,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 1px;
                     padding-left: 1px;
@@ -943,6 +963,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -1095,6 +1119,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -1247,6 +1275,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -1399,6 +1431,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -1551,6 +1587,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 1px;
                     padding-left: 1px;
@@ -1752,6 +1792,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -1904,6 +1948,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -2056,6 +2104,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -2208,6 +2260,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -2360,6 +2416,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 1px;
                     padding-left: 1px;
@@ -2571,6 +2631,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -2734,6 +2798,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -2897,6 +2965,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -3060,6 +3132,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -3227,6 +3303,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -3390,6 +3470,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -3553,6 +3637,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -3716,6 +3804,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -3883,6 +3975,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -4046,6 +4142,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -4209,6 +4309,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -4372,6 +4476,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 35px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0px;
                     padding-left: 0px;
@@ -4587,6 +4695,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     opacity: 0.3;
                     outline: transparent;
                     padding-bottom: 0px;
@@ -4754,6 +4866,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     opacity: 0.3;
                     outline: transparent;
                     padding-bottom: 0px;
@@ -4921,6 +5037,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     opacity: 0.3;
                     outline: transparent;
                     padding-bottom: 0px;
@@ -5088,6 +5208,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     opacity: 0.3;
                     outline: transparent;
                     padding-bottom: 0px;
@@ -5255,6 +5379,10 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     font-size: 14px;
                     font-weight: 400;
                     height: 20px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     opacity: 0.3;
                     outline: transparent;
                     padding-bottom: 1px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot
index d850328cef0820..3dd3f648ee7247 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders TeachingBubble.Basic.Example.tsx correctly 1
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot
index 40a9e64040c24c..bc37b200cc816a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders TeachingBubble.Condensed.Example.tsx correct
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot
index 31061e9294ae93..e573e0406ca8ef 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders TeachingBubble.Illustration.Example.tsx corr
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot
index 2fe80c57c19068..e11dbfa2788b6f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders TeachingBubble.SmallHeadline.Example.tsx cor
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot
index 53508366cd09f8..16314a1707d8a4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot
@@ -25,6 +25,10 @@ exports[`Component Examples renders TeachingBubble.WideIllustration.Example.tsx
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot
index 9a0cf3d53e2436..5d7cb9bbe65fda 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot
@@ -95,6 +95,9 @@ exports[`Component Examples renders TextField.CustomRender.Example.tsx correctly
                 font-weight: 400;
                 height: 32px;
                 margin-bottom: -3px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 outline: transparent;
                 padding-bottom: 0;
                 padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Absolute.Position.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Absolute.Position.Example.tsx.shot
index e385fbf54fc983..0944829fcd80be 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Absolute.Position.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Absolute.Position.Example.tsx.shot
@@ -38,6 +38,10 @@ exports[`Component Examples renders Tooltip.Absolute.Position.Example.tsx correc
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot
index 64e041ad8010ec..54a30fdc0b002b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot
@@ -32,6 +32,10 @@ exports[`Component Examples renders Tooltip.Basic.Example.tsx correctly 1`] = `
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot
index cf450a2459156d..8a9587e929a2b9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot
@@ -31,6 +31,10 @@ exports[`Component Examples renders Tooltip.Custom.Example.tsx correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot
index c7cb62fb7d1c43..0ad12dfeea75df 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot
@@ -32,6 +32,10 @@ exports[`Component Examples renders Tooltip.Interactive.Example.tsx correctly 1`
             font-size: 14px;
             font-weight: 400;
             height: 32px;
+            margin-bottom: 0px;
+            margin-left: 0px;
+            margin-right: 0px;
+            margin-top: 0px;
             min-width: 80px;
             outline: transparent;
             padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot
index be0837f3f726e8..05821c7fd02be6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot
@@ -31,6 +31,10 @@ exports[`Component Examples renders Tooltip.NoScroll.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot
index 9a1219c443d14a..b03ac13e6864fc 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot
@@ -20,6 +20,10 @@ exports[`Component Examples renders Tooltip.Overflow.Example.tsx correctly 1`] =
           font-size: 14px;
           font-weight: 400;
           height: 32px;
+          margin-bottom: 0px;
+          margin-left: 0px;
+          margin-right: 0px;
+          margin-top: 0px;
           min-width: 80px;
           outline: transparent;
           padding-bottom: 0;
diff --git a/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap
index b86a9665aec268..8b9018f0e4dc09 100644
--- a/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap
@@ -496,6 +496,10 @@ exports[`PeoplePicker renders correctly with preselected items 1`] = `
                     font-size: 14px;
                     font-weight: 400;
                     height: 24px;
+                    margin-bottom: 0px;
+                    margin-left: 0px;
+                    margin-right: 0px;
+                    margin-top: 0px;
                     outline: transparent;
                     padding-bottom: 0;
                     padding-left: 4px;
diff --git a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
index 656d42fc9ca229..b514ec9d8cb492 100644
--- a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
@@ -52,6 +52,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -188,6 +192,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -321,6 +329,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -454,6 +466,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -587,6 +603,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -720,6 +740,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -853,6 +877,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -986,6 +1014,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1119,6 +1151,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1252,6 +1288,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1385,6 +1425,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1518,6 +1562,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1651,6 +1699,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1784,6 +1836,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -1917,6 +1973,10 @@ exports[`Suggestions renders a list properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2080,6 +2140,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2216,6 +2280,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2349,6 +2417,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2482,6 +2554,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2615,6 +2691,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2748,6 +2828,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -2881,6 +2965,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3014,6 +3102,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3147,6 +3239,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3280,6 +3376,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3413,6 +3513,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3546,6 +3650,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3679,6 +3787,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3812,6 +3924,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -3945,6 +4061,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4111,6 +4231,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4244,6 +4368,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4377,6 +4505,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4510,6 +4642,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4643,6 +4779,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4776,6 +4916,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -4909,6 +5053,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5042,6 +5190,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5177,6 +5329,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5313,6 +5469,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5446,6 +5606,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5579,6 +5743,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5712,6 +5880,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5845,6 +6017,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;
@@ -5978,6 +6154,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 font-size: 14px;
                 font-weight: 400;
                 height: 100%;
+                margin-bottom: 0px;
+                margin-left: 0px;
+                margin-right: 0px;
+                margin-top: 0px;
                 min-width: 0px;
                 outline: transparent;
                 overflow: hidden;