From 83f740c34d2bf9b70d53db82234c8716db8f1ac3 Mon Sep 17 00:00:00 2001
From: Esteban Munoz <esteban.230@hotmail.com>
Date: Tue, 22 Nov 2022 15:04:41 -0700
Subject: [PATCH 1/3] reverting margin fix for safari

---
 .../__snapshots__/Breadcrumb.test.tsx.snap    |  20 --
 .../components/Button/BaseButton.styles.ts    |   4 +-
 .../src/components/Button/BaseButton.tsx      |   6 +-
 .../Button.deprecated.test.tsx.snap           |   4 -
 .../Button/__snapshots__/Button.test.tsx.snap |  24 ---
 .../__snapshots__/ComboBox.test.tsx.snap      |  24 ---
 .../CommandBar.deprecated.test.tsx.snap       |   8 -
 .../__snapshots__/CommandBar.test.tsx.snap    |  16 --
 .../ContextualMenu.test.tsx.snap              |   4 -
 .../Dialog.deprecated.test.tsx.snap           |   4 -
 .../__snapshots__/Dropdown.test.tsx.snap      |   8 -
 .../__snapshots__/Facepile.test.tsx.snap      |   4 -
 .../Nav/__snapshots__/Nav.test.tsx.snap       |  12 --
 .../Panel/__snapshots__/Panel.test.tsx.snap   |   3 -
 .../Pivot.deprecated.test.tsx.snap            |   6 -
 .../Pivot/__snapshots__/Pivot.test.tsx.snap   |  60 ------
 .../__snapshots__/SpinButton.test.tsx.snap    |  16 --
 .../SwatchColorPicker.test.tsx.snap           |  48 -----
 .../TeachingBubble.deprecated.test.tsx.snap   |   8 -
 .../TeachingBubble.test.tsx.snap              |   8 -
 .../__snapshots__/PeoplePicker.test.tsx.snap  |   4 -
 .../__snapshots__/Suggestions.test.tsx.snap   | 180 ------------------
 .../__snapshots__/TagItem.test.tsx.snap       |  12 --
 .../__snapshots__/TagPicker.test.tsx.snap     |   8 -
 24 files changed, 4 insertions(+), 487 deletions(-)

diff --git a/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
index 2f0986de63acd3..4ad916ae756789 100644
--- a/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
+++ b/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
@@ -82,10 +82,6 @@ exports[`Breadcrumb rendering renders  correctly with custom overflow icon 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;
@@ -1319,10 +1315,6 @@ exports[`Breadcrumb rendering renders correctly with maxDisplayedItems and overf
                         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;
@@ -1536,10 +1528,6 @@ exports[`Breadcrumb rendering renders correctly with maxDisplayedItems and overf
                         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;
@@ -1753,10 +1741,6 @@ exports[`Breadcrumb rendering renders correctly with overflow 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;
@@ -2258,10 +2242,6 @@ exports[`Breadcrumb rendering renders correctly with overflow and overflowIndex
                         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/react/src/components/Button/BaseButton.styles.ts b/packages/react/src/components/Button/BaseButton.styles.ts
index 984a7153b75cf7..a11ded5b9ec6e4 100644
--- a/packages/react/src/components/Button/BaseButton.styles.ts
+++ b/packages/react/src/components/Button/BaseButton.styles.ts
@@ -9,7 +9,7 @@ const noOutline: IRawStyle = {
 
 const iconStyle = (fontSize?: string | number): IRawStyle => {
   return {
-    fontSize: fontSize,
+    fontSize,
     margin: '0 4px',
     height: '16px',
     lineHeight: '16px',
@@ -48,8 +48,6 @@ export const getStyles = memoizeFunction(
           boxSizing: 'border-box',
           cursor: 'pointer',
           display: 'inline-block',
-          // This removes the 2px margin Safari adds to all buttons
-          margin: 0,
           padding: '0 16px',
           textDecoration: 'none',
           textAlign: 'center',
diff --git a/packages/react/src/components/Button/BaseButton.tsx b/packages/react/src/components/Button/BaseButton.tsx
index f608de319dd041..57368ea0e5bbef 100644
--- a/packages/react/src/components/Button/BaseButton.tsx
+++ b/packages/react/src/components/Button/BaseButton.tsx
@@ -714,9 +714,9 @@ export class BaseButton extends React.Component<IBaseButtonProps, IBaseButtonSta
     const splitButtonProps = {
       ...splitButtonMenuProps,
       styles: classNames,
-      checked: checked,
-      disabled: disabled,
-      allowDisabledFocus: allowDisabledFocus,
+      checked,
+      disabled,
+      allowDisabledFocus,
       onClick: this._onMenuClick,
       menuProps: undefined,
       iconProps: { ...menuIconProps, className: this._classNames.menuIcon },
diff --git a/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap b/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
index b2302a75cf0e46..f5db96e6937e9d 100644
--- a/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
+++ b/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
@@ -21,10 +21,6 @@ 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/react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap
index f73b6b96adddb2..94cf72d0851aa8 100644
--- a/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -21,10 +21,6 @@ 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;
@@ -145,10 +141,6 @@ 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;
@@ -349,10 +341,6 @@ 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;
@@ -498,10 +486,6 @@ 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;
@@ -617,10 +601,6 @@ 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;
@@ -744,10 +724,6 @@ 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/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap b/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
index 271c975d593853..9c7e6a7da0e94c 100644
--- a/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
+++ b/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
@@ -222,10 +222,6 @@ exports[`ComboBox Renders correctly 1`] = `
               font-weight: 400;
               height: 100%;
               line-height: 30px;
-              margin-bottom: 0px;
-              margin-left: 0px;
-              margin-right: 0px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -558,10 +554,6 @@ exports[`ComboBox Renders correctly when open 1`] = `
               font-weight: 400;
               height: 100%;
               line-height: 30px;
-              margin-bottom: 0px;
-              margin-left: 0px;
-              margin-right: 0px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -831,10 +823,6 @@ exports[`ComboBox Renders correctly when open 1`] = `
                             font-weight: 400;
                             height: auto;
                             line-height: 20px;
-                            margin-bottom: 0px;
-                            margin-left: 0px;
-                            margin-right: 0px;
-                            margin-top: 0px;
                             min-height: 36px;
                             outline: transparent;
                             overflow-wrap: break-word;
@@ -990,10 +978,6 @@ exports[`ComboBox Renders correctly when open 1`] = `
                           font-weight: 400;
                           height: auto;
                           line-height: 20px;
-                          margin-bottom: 0px;
-                          margin-left: 0px;
-                          margin-right: 0px;
-                          margin-top: 0px;
                           min-height: 36px;
                           outline: transparent;
                           overflow-wrap: break-word;
@@ -1339,10 +1323,6 @@ exports[`ComboBox Renders correctly when opened in multi-select mode 1`] = `
               font-weight: 400;
               height: 100%;
               line-height: 30px;
-              margin-bottom: 0px;
-              margin-left: 0px;
-              margin-right: 0px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -2233,10 +2213,6 @@ exports[`ComboBox renders with a Keytip correctly 1`] = `
               font-weight: 400;
               height: 100%;
               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/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
index b994f1ef2f6d62..d9045fd487c686 100644
--- a/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
+++ b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
@@ -88,10 +88,6 @@ 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;
@@ -236,10 +232,6 @@ 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/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
index fc0def4eeb6e2e..e92b52e79a3373 100644
--- a/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
+++ b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
@@ -77,10 +77,6 @@ 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;
@@ -219,10 +215,6 @@ 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;
@@ -416,10 +408,6 @@ exports[`CommandBar renders empty farItems 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;
@@ -558,10 +546,6 @@ exports[`CommandBar renders empty farItems 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/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap b/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap
index c6d976125e6e06..a3d6f3eb50e087 100644
--- a/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap
+++ b/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap
@@ -23,10 +23,6 @@ exports[`ContextualMenu ContextualMenu snapshot ContextualMenu should be present
         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/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap b/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap
index 8c08ac95ee42aa..5fb85a29c4628b 100644
--- a/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap
+++ b/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap
@@ -891,10 +891,6 @@ exports[`Dialog deprecated props renders Dialog with isBlocking set to true 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/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
index dc08e7f2664326..57363f3077632c 100644
--- a/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
+++ b/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
@@ -1578,10 +1578,6 @@ exports[`Dropdown single-select Renders correctly when open 1`] = `
                             font-weight: 400;
                             height: 0px;
                             line-height: 20px;
-                            margin-bottom: 0px;
-                            margin-left: 0px;
-                            margin-right: 0px;
-                            margin-top: 0px;
                             min-height: 36px;
                             outline: transparent;
                             overflow-wrap: break-word;
@@ -1748,10 +1744,6 @@ exports[`Dropdown single-select Renders correctly when open 1`] = `
                           font-weight: 400;
                           height: 0px;
                           line-height: 20px;
-                          margin-bottom: 0px;
-                          margin-left: 0px;
-                          margin-right: 0px;
-                          margin-top: 0px;
                           min-height: 36px;
                           outline: transparent;
                           overflow-wrap: break-word;
diff --git a/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap b/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
index bd820d2b367418..2a09573eb3cccc 100644
--- a/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
+++ b/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
@@ -284,10 +284,6 @@ 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/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
index 54601a9437e5dd..2e4134974cf78b 100644
--- a/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
+++ b/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
@@ -187,10 +187,6 @@ exports[`Nav render Nav with overrides correctly 1`] = `
                         font-weight: 400;
                         height: 44px;
                         line-height: 44px;
-                        margin-bottom: 0px;
-                        margin-left: 0px;
-                        margin-right: 0px;
-                        margin-top: 0px;
                         outline: transparent;
                         overflow: hidden;
                         padding-bottom: 0;
@@ -348,10 +344,6 @@ exports[`Nav render Nav with overrides correctly 1`] = `
                         font-weight: 400;
                         height: 44px;
                         line-height: 44px;
-                        margin-bottom: 0px;
-                        margin-left: 0px;
-                        margin-right: 0px;
-                        margin-top: 0px;
                         outline: transparent;
                         overflow: hidden;
                         padding-bottom: 0;
@@ -571,10 +563,6 @@ exports[`Nav renders Nav correctly 1`] = `
                       font-weight: 400;
                       height: 44px;
                       line-height: 44px;
-                      margin-bottom: 0px;
-                      margin-left: 0px;
-                      margin-right: 0px;
-                      margin-top: 0px;
                       outline: transparent;
                       overflow: hidden;
                       padding-bottom: 0;
diff --git a/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
index 7595ec258a7067..fbcbbf4d5a9839 100644
--- a/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
+++ b/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
@@ -186,10 +186,7 @@ exports[`Panel renders Panel correctly 1`] = `
                       font-size: 20px;
                       font-weight: 400;
                       height: 32px;
-                      margin-bottom: 0px;
-                      margin-left: 0px;
                       margin-right: 14px;
-                      margin-top: 0px;
                       outline: transparent;
                       padding-bottom: 0;
                       padding-left: 4px;
diff --git a/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap b/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap
index e2510ab9631f04..eb73062fba3851 100644
--- a/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap
+++ b/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap
@@ -58,10 +58,7 @@ exports[`Pivot renders link Pivot correctly 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -230,10 +227,7 @@ exports[`Pivot renders link Pivot correctly 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
diff --git a/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
index c33816a28e430f..26822cd2d0ad3f 100644
--- a/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
+++ b/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
@@ -58,10 +58,7 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -230,10 +227,7 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -461,10 +455,7 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -633,10 +624,7 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -852,10 +840,7 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -1024,10 +1009,7 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -1200,10 +1182,7 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -1438,10 +1417,7 @@ exports[`Pivot renders Pivot with overflow 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -1610,10 +1586,7 @@ exports[`Pivot renders Pivot with overflow 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -1778,10 +1751,7 @@ exports[`Pivot renders Pivot with overflow 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -2011,10 +1981,7 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -2183,10 +2150,7 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -2402,10 +2366,7 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 0px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 10px;
@@ -2609,10 +2570,7 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 0px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 10px;
@@ -2861,10 +2819,7 @@ exports[`Pivot renders link Pivot correctly 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -3033,10 +2988,7 @@ exports[`Pivot renders link Pivot correctly 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -3251,10 +3203,7 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 0px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 10px;
@@ -3458,10 +3407,7 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 0px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 10px;
@@ -3709,10 +3655,7 @@ exports[`Pivot supports JSX expressions 1`] = `
             font-weight: 400;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
@@ -3874,10 +3817,7 @@ exports[`Pivot supports JSX expressions 1`] = `
             font-weight: 600;
             height: 44px;
             line-height: 44px;
-            margin-bottom: 0px;
-            margin-left: 0px;
             margin-right: 8px;
-            margin-top: 0px;
             outline: transparent;
             padding-bottom: 0;
             padding-left: 8px;
diff --git a/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
index 68f8b68500f526..43f9c57708aff5 100644
--- a/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
+++ b/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
@@ -177,10 +177,6 @@ exports[`SpinButton snapshots renders 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: 0px;
               padding-left: 0px;
@@ -320,10 +316,6 @@ exports[`SpinButton snapshots renders 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: 0px;
               padding-left: 0px;
@@ -628,10 +620,6 @@ exports[`SpinButton snapshots renders correctly with user-provided values 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: 0px;
               padding-left: 0px;
@@ -771,10 +759,6 @@ exports[`SpinButton snapshots renders correctly with user-provided values 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: 0px;
               padding-left: 0px;
diff --git a/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap b/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
index e4b49cb101dc5c..15a54dd7bcc930 100644
--- a/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
+++ b/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
@@ -75,10 +75,6 @@ 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;
@@ -254,10 +250,6 @@ 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;
@@ -433,10 +425,6 @@ 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;
@@ -612,10 +600,6 @@ 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;
@@ -795,10 +779,6 @@ 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;
@@ -974,10 +954,6 @@ 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;
@@ -1153,10 +1129,6 @@ 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;
@@ -1332,10 +1304,6 @@ 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;
@@ -1515,10 +1483,6 @@ 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;
@@ -1694,10 +1658,6 @@ 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;
@@ -1873,10 +1833,6 @@ 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;
@@ -2052,10 +2008,6 @@ 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/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap
index db9d671e855a70..a10f2406bacbd3 100644
--- a/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap
+++ b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap
@@ -179,10 +179,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 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;
@@ -336,10 +332,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 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/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
index 1d4795e32aa58d..5ca5306dd69989 100644
--- a/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
+++ b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
@@ -461,10 +461,6 @@ 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;
@@ -618,10 +614,6 @@ 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;
diff --git a/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap b/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap
index e7680f7344eeef..80633ef37b414d 100644
--- a/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap
+++ b/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap
@@ -659,10 +659,6 @@ 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/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap b/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
index ed7fa97a3eed76..eb3480c55a45ac 100644
--- a/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
+++ b/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
@@ -72,10 +72,6 @@ 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;
@@ -215,10 +211,6 @@ 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;
@@ -354,10 +346,6 @@ 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;
@@ -493,10 +481,6 @@ 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;
@@ -632,10 +616,6 @@ 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;
@@ -771,10 +751,6 @@ 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;
@@ -910,10 +886,6 @@ 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;
@@ -1049,10 +1021,6 @@ 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;
@@ -1188,10 +1156,6 @@ 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;
@@ -1327,10 +1291,6 @@ 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;
@@ -1466,10 +1426,6 @@ 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;
@@ -1605,10 +1561,6 @@ 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;
@@ -1744,10 +1696,6 @@ 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;
@@ -1883,10 +1831,6 @@ 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;
@@ -2022,10 +1966,6 @@ 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;
@@ -2206,10 +2146,6 @@ 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,10 +2285,6 @@ 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;
@@ -2488,10 +2420,6 @@ 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;
@@ -2627,10 +2555,6 @@ 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;
@@ -2766,10 +2690,6 @@ 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;
@@ -2905,10 +2825,6 @@ 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;
@@ -3044,10 +2960,6 @@ 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;
@@ -3183,10 +3095,6 @@ 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;
@@ -3322,10 +3230,6 @@ 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;
@@ -3461,10 +3365,6 @@ 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;
@@ -3600,10 +3500,6 @@ 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;
@@ -3739,10 +3635,6 @@ 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;
@@ -3878,10 +3770,6 @@ 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;
@@ -4017,10 +3905,6 @@ 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;
@@ -4156,10 +4040,6 @@ 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;
@@ -4313,10 +4193,6 @@ 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;
@@ -4452,10 +4328,6 @@ 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;
@@ -4591,10 +4463,6 @@ 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;
@@ -4730,10 +4598,6 @@ 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;
@@ -4869,10 +4733,6 @@ 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;
@@ -5008,10 +4868,6 @@ 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;
@@ -5147,10 +5003,6 @@ 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;
@@ -5286,10 +5138,6 @@ 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;
@@ -5441,10 +5289,6 @@ 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;
@@ -5584,10 +5428,6 @@ 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;
@@ -5723,10 +5563,6 @@ 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;
@@ -5862,10 +5698,6 @@ 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;
@@ -6001,10 +5833,6 @@ 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;
@@ -6140,10 +5968,6 @@ 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;
@@ -6279,10 +6103,6 @@ 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;
diff --git a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap
index 0f70a5ad0f98da..fb93edb5fb9f04 100644
--- a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap
+++ b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap
@@ -97,10 +97,6 @@ exports[`TagItem accepts title override 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 100%;
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
@@ -351,10 +347,6 @@ exports[`TagItem defaults title to item name for non string children 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 100%;
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
@@ -581,10 +573,6 @@ exports[`TagItem renders correctly 1`] = `
           font-size: 14px;
           font-weight: 400;
           height: 100%;
-          margin-bottom: 0px;
-          margin-left: 0px;
-          margin-right: 0px;
-          margin-top: 0px;
           outline: transparent;
           padding-bottom: 0;
           padding-left: 4px;
diff --git a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap
index 37f4d80fda8c48..29877002dc1941 100644
--- a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap
+++ b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap
@@ -174,10 +174,6 @@ exports[`TagPicker renders correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 100%;
-                  margin-bottom: 0px;
-                  margin-left: 0px;
-                  margin-right: 0px;
-                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0;
                   padding-left: 4px;
@@ -575,10 +571,6 @@ exports[`TagPicker renders picker with selected item correctly 1`] = `
                   font-size: 14px;
                   font-weight: 400;
                   height: 100%;
-                  margin-bottom: 0px;
-                  margin-left: 0px;
-                  margin-right: 0px;
-                  margin-top: 0px;
                   outline: transparent;
                   padding-bottom: 0;
                   padding-left: 4px;

From d1279e8ff5cbf6fc6f499e16ffdf3c0845af7778 Mon Sep 17 00:00:00 2001
From: Esteban Munoz <esteban.230@hotmail.com>
Date: Tue, 22 Nov 2022 15:05:48 -0700
Subject: [PATCH 2/3] change file

---
 ...luentui-react-b1886c50-127e-4b1f-81c8-81013fd2c50a.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-b1886c50-127e-4b1f-81c8-81013fd2c50a.json

diff --git a/change/@fluentui-react-b1886c50-127e-4b1f-81c8-81013fd2c50a.json b/change/@fluentui-react-b1886c50-127e-4b1f-81c8-81013fd2c50a.json
new file mode 100644
index 00000000000000..20eefa817f6599
--- /dev/null
+++ b/change/@fluentui-react-b1886c50-127e-4b1f-81c8-81013fd2c50a.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Revert fix for margin added by safari.",
+  "packageName": "@fluentui/react",
+  "email": "esteban.230@hotmail.com",
+  "dependentChangeType": "patch"
+}

From c7241520bb8d801b92ace133447fbe53225ad60f Mon Sep 17 00:00:00 2001
From: Esteban Munoz <esteban.230@hotmail.com>
Date: Tue, 22 Nov 2022 15:34:22 -0700
Subject: [PATCH 3/3] updating snapshots

---
 .../__snapshots__/MicroFeedback.test.tsx.snap | 16 ------
 .../__snapshots__/Pagination.test.tsx.snap    | 56 -------------------
 .../SelectedPeopleList.test.tsx.snap          | 28 ----------
 .../UnifiedPeoplePicker.test.tsx.snap         |  7 ---
 4 files changed, 107 deletions(-)

diff --git a/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap b/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap
index d5a3bb2ba466cc..a29bed56bb80f8 100644
--- a/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap
+++ b/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap
@@ -55,10 +55,6 @@ exports[`MicroFeedback renders correctly with inline prop set 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;
@@ -187,10 +183,6 @@ exports[`MicroFeedback renders correctly with inline prop set 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;
@@ -359,10 +351,6 @@ 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;
@@ -491,10 +479,6 @@ 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/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap b/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
index 5af7b1fef59d20..ad6c87d4e61d84 100644
--- a/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
+++ b/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap
@@ -34,10 +34,6 @@ 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;
@@ -167,10 +163,6 @@ 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;
@@ -299,10 +291,6 @@ 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;
@@ -409,10 +397,6 @@ 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;
@@ -519,10 +503,6 @@ 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;
@@ -629,10 +609,6 @@ 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;
@@ -739,10 +715,6 @@ 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;
@@ -847,10 +819,6 @@ 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;
@@ -992,10 +960,6 @@ 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;
@@ -1164,10 +1128,6 @@ 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;
@@ -1297,10 +1257,6 @@ 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;
@@ -1649,10 +1605,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = `
               font-weight: 400;
               height: 100%;
               line-height: 30px;
-              margin-bottom: 0px;
-              margin-left: 0px;
-              margin-right: 0px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1804,10 +1756,6 @@ 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;
@@ -1935,10 +1883,6 @@ 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/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap
index 2db0031b981dcd..933beed0b96c6c 100644
--- a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap
+++ b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap
@@ -72,10 +72,7 @@ Array [
               font-size: 14px;
               font-weight: 400;
               height: 32px;
-              margin-bottom: 0px;
-              margin-left: 0px;
               margin-right: -17px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -395,10 +392,6 @@ Array [
               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;
@@ -587,10 +580,7 @@ Array [
               font-size: 14px;
               font-weight: 400;
               height: 32px;
-              margin-bottom: 0px;
-              margin-left: 0px;
               margin-right: -17px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -910,10 +900,6 @@ Array [
               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;
@@ -1107,10 +1093,7 @@ Array [
               font-size: 14px;
               font-weight: 400;
               height: 32px;
-              margin-bottom: 0px;
-              margin-left: 0px;
               margin-right: -17px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1430,10 +1413,6 @@ Array [
               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;
@@ -1622,10 +1601,7 @@ Array [
               font-size: 14px;
               font-weight: 400;
               height: 32px;
-              margin-bottom: 0px;
-              margin-left: 0px;
               margin-right: -17px;
-              margin-top: 0px;
               outline: transparent;
               padding-bottom: 0;
               padding-left: 4px;
@@ -1945,10 +1921,6 @@ Array [
               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/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap
index 9eaedc3c7959db..c6b565fe8bab29 100644
--- a/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap
+++ b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap
@@ -298,10 +298,7 @@ exports[`UnifiedPeoplePicker renders correctly with selected and suggested items
                       font-size: 14px;
                       font-weight: 400;
                       height: 32px;
-                      margin-bottom: 0px;
-                      margin-left: 0px;
                       margin-right: -17px;
-                      margin-top: 0px;
                       outline: transparent;
                       padding-bottom: 0;
                       padding-left: 4px;
@@ -811,10 +808,6 @@ exports[`UnifiedPeoplePicker renders correctly with selected and suggested items
                       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;