UI: Fix Callout component overflow

fuma-nama · Oct 16, 2023 · dc4f10d · dc4f10d
1 parent c82c56e
commit dc4f10d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/four-windows-relate.md b/.changeset/four-windows-relate.md
@@ -0,0 +1,5 @@
+---
+'next-docs-ui': patch
+---
+
+Fix Callout component overflow
diff --git a/packages/next-docs-ui/src/components/callout.tsx b/packages/next-docs-ui/src/components/callout.tsx
@@ -34,7 +34,7 @@ export const Callout = forwardRef<HTMLDivElement, CalloutProps>(
               <AlertOctagonIcon className="nd-text-card nd-fill-red-500 nd-w-5 nd-h-5" />
             )
           }[type]}
-        <div className="nd-flex-1">
+        <div className="nd-flex-1 nd-w-0">
           {title && (
             <div className="nd-text-card-foreground nd-font-medium nd-mb-0.5">
               {title}