fix: callout causing bug in prod (#667)

pluralsh · Nov 29, 2024 · 230efca · 230efca
1 parent 74ef657
commit 230efca
Showing 1 changed file with 9 additions and 13 deletions.
diff --git a/src/markdoc/components/Callout.tsx b/src/markdoc/components/Callout.tsx
@@ -45,19 +45,15 @@ function MarkdocCallout({
   )
 }
 
-const StyledCallout = styled(MarkdocCallout)`
-  ${({ theme }) => ({
-    marginTop: theme.spacing.xlarge,
-    marginBottom: theme.spacing.xlarge,
-    color: theme.colors['text-light'],
-  })}
+const StyledCallout = styled(MarkdocCallout)(({ theme }) => ({
+  marginTop: theme.spacing.xlarge,
+  marginBottom: theme.spacing.xlarge,
+  color: theme.colors['text-light'],
 
-  ${Paragraph}, ${ListItem} {
-    ${({ theme }) => ({
-      ...theme.partials.text.body2,
-      color: theme.colors['text-light'],
-    })}
-  }
-`
+  [`${Paragraph}, ${ListItem}`]: {
+    ...theme.partials.text.body2,
+    color: theme.colors['text-light'],
+  },
+}))
 
 export default StyledCallout