From 77a3fba7aa4fbd07c0dee26836ba656e0d779965 Mon Sep 17 00:00:00 2001
From: Ben M <1627305+benneq@users.noreply.github.com>
Date: Sun, 25 Oct 2020 21:12:24 +0100
Subject: [PATCH] Changed from margin to marginXYZ

---
 packages/material-ui/src/Tooltip/Tooltip.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/material-ui/src/Tooltip/Tooltip.js b/packages/material-ui/src/Tooltip/Tooltip.js
index 24f591b17817e1..9e967a2f1fc00d 100644
--- a/packages/material-ui/src/Tooltip/Tooltip.js
+++ b/packages/material-ui/src/Tooltip/Tooltip.js
@@ -114,33 +114,33 @@ export const styles = (theme) => ({
   /* Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
   tooltipPlacementLeft: {
     transformOrigin: 'right center',
-    margin: '0 0 24px 0',
+    marginRight: '24px',
     [theme.breakpoints.up('sm')]: {
-      margin: '0 0 14px 0',
+      marginRight: '14px',
     },
   },
   /* Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
   tooltipPlacementRight: {
     transformOrigin: 'left center',
-    margin: '0 24px 0 0',
+    marginLeft: '24px',
     [theme.breakpoints.up('sm')]: {
-      margin: '0 14px 0 0',
+      marginLeft: '14px',
     },
   },
   /* Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
   tooltipPlacementTop: {
     transformOrigin: 'center bottom',
-    margin: '0 0 0 24px',
+    marginBottom: '24px',
     [theme.breakpoints.up('sm')]: {
-      margin: '0 0 0 14px',
+      marginBottom: '14px',
     },
   },
   /* Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
   tooltipPlacementBottom: {
     transformOrigin: 'center top',
-    margin: '24px 0 0 0',
+    marginTop: '24px',
     [theme.breakpoints.up('sm')]: {
-      margin: '14px 0 0 0',
+      marginTop: '14px',
     },
   },
 });