From 9cf1c515902933443bd068012c90cbb817ad1188 Mon Sep 17 00:00:00 2001
From: Miguel Bancolita <45745778+mrbnclt@users.noreply.github.com>
Date: Tue, 4 Jul 2023 15:07:44 +0800
Subject: [PATCH] [@mantine/prism] Fix unexpected code margin when used within
 `TypographyStylesProvider` (#4452)

---
 src/mantine-prism/src/Prism/Prism.styles.ts | 7 +++++--
 src/mantine-prism/src/Prism/Prism.test.tsx  | 8 ++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/mantine-prism/src/Prism/Prism.styles.ts b/src/mantine-prism/src/Prism/Prism.styles.ts
index 50a6cb785ce..478c0ee3dd4 100644
--- a/src/mantine-prism/src/Prism/Prism.styles.ts
+++ b/src/mantine-prism/src/Prism/Prism.styles.ts
@@ -24,8 +24,11 @@ export default createStyles(
       overflowX: native ? 'auto' : undefined,
       borderRadius: theme.fn.radius(radius),
       padding: `${theme.spacing.sm} 0`,
-      marginTop: 0,
-      marginBottom: 0,
+
+      '&.mantine-Prism-code': {
+        marginTop: 0,
+        marginBottom: 0,
+      },
     },
 
     copy: {
diff --git a/src/mantine-prism/src/Prism/Prism.test.tsx b/src/mantine-prism/src/Prism/Prism.test.tsx
index 3047b4b83b4..262a5078bcc 100644
--- a/src/mantine-prism/src/Prism/Prism.test.tsx
+++ b/src/mantine-prism/src/Prism/Prism.test.tsx
@@ -36,4 +36,12 @@ describe('@mantine/prism/Prism', () => {
     );
     expect(withoutLineNumbers.querySelectorAll('.mantine-Prism-lineNumber')).toHaveLength(0);
   });
+
+  it('renders pre element without top and bottom margin', () => {
+    const { container: prism } = render(<Prism {...defaultProps} />);
+    expect(prism.querySelector('.mantine-Prism-code')).toHaveStyle({
+      marginTop: 0,
+      marginBottom: 0,
+    });
+  });
 });