fix(odyssey-react-mui): fixes spacing for Hint/Error field helpers

okta · Mar 29, 2023 · 846134e · 846134e
1 parent d01dcd4
commit 846134e
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/odyssey-react-mui/src/theme/components.tsx b/packages/odyssey-react-mui/src/theme/components.tsx
@@ -709,7 +709,7 @@ export const components: ThemeOptions["components"] = {
           },
         },
 
-        p: {
+        "p:not([class])": {
           maxWidth: theme.mixins.maxWidth,
           marginBlockStart: 0,
           marginBlockEnd: theme.spacing(4),
@@ -974,14 +974,14 @@ export const components: ThemeOptions["components"] = {
       root: ({ theme }) => ({
         fontSize: theme.typography.subtitle1.fontSize,
         lineHeight: "1.33333333",
-        marginTop: theme.spacing(2),
+        marginBlockStart: theme.spacing(2),
         ".MuiFormLabel-root + &": {
-          marginTop: `-${theme.spacing(1)}`,
+          marginBlockStart: `-${theme.spacing(1)}`,
           color: theme.palette.text.secondary,
         },
-        marginBottom: theme.spacing(2),
+        marginBlockEnd: theme.spacing(2),
         "&:last-child": {
-          marginBottom: 0,
+          marginBlockEnd: 0,
         },
         textAlign: "start",
       }),