diff --git a/.changeset/cruel-frogs-accept.md b/.changeset/cruel-frogs-accept.md new file mode 100644 index 0000000000..2e0270e96f --- /dev/null +++ b/.changeset/cruel-frogs-accept.md @@ -0,0 +1,7 @@ +--- +'@leafygreen-ui/modal': patch +'@leafygreen-ui/confirmation-modal': patch +'@leafygreen-ui/marketing-modal': patch +--- + +Add explicit `margin: auto;` to `` element styles to prevent `margin` property being reset diff --git a/packages/modal/src/Modal/Modal.styles.ts b/packages/modal/src/Modal/Modal.styles.ts index e8b3c99d82..b81f691a46 100644 --- a/packages/modal/src/Modal/Modal.styles.ts +++ b/packages/modal/src/Modal/Modal.styles.ts @@ -59,6 +59,7 @@ const getBaseDialogStyles = (theme: Theme) => css` background-color: ${color[theme].background[Variant.Primary][ InteractionState.Default ]}; + margin: auto; padding: ${spacing[1000]}px ${spacing[900]}px; color: ${color[theme].text[Variant.Primary][InteractionState.Default]}; font-family: ${fontFamilies.default};