fix: update styles for Callout component (#372)

* update text style to use new typography tokens and minor spacing changes * replaced tailwindcss utility colours with new semantic colour tokens * updated rounded corners from 4px to 8px * chore: fix format --------- Co-authored-by: samanthalee <[email protected]> Co-authored-by: seaerchin <[email protected]>
opengovsg · Jul 26, 2024 · e45db46 · e45db46
1 parent 8f9e4d3
commit e45db46
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/components/src/templates/next/components/complex/Callout/Callout.tsx b/packages/components/src/templates/next/components/complex/Callout/Callout.tsx
@@ -4,7 +4,7 @@ import { Prose } from "../../native"
 const Callout = ({ content }: CalloutProps) => {
   return (
     <div
-      className={`rounded border border-utility-info bg-utility-info-subtle p-6 [&:not(:first-child)]:mt-8`}
+      className={`prose-headline-lg-regular rounded-lg border border-utility-feedback-info bg-utility-feedback-info-subtle px-5 py-4 [&:not(:first-child)]:mt-7`}
     >
       <Prose {...content} />
     </div>