Fix error svg icon (#327)

* fix(ui): wrap error svg icon * docs: add changeset
carrot-kpi · Aug 3, 2023 · 9c98aab · 9c98aab
1 parent 5541f6d
commit 9c98aab
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/.changeset/new-balloons-glow.md b/.changeset/new-balloons-glow.md
@@ -0,0 +1,5 @@
+---
+"@carrot-kpi/ui": patch
+---
+
+Fix an issue with the svg error icon of the inputs components
diff --git a/packages/ui/src/components/data-display/error-text/index.tsx b/packages/ui/src/components/data-display/error-text/index.tsx
@@ -40,14 +40,16 @@ export const ErrorText = ({
                 className: className?.root,
             })}
         >
-            {typeof children === "string" && !!children && (
-                <DangerIcon
-                    className={errorTextIconStyles({
-                        variant: "danger",
-                        className: className?.icon,
-                    })}
-                />
-            )}
+            <div>
+                {typeof children === "string" && !!children && (
+                    <DangerIcon
+                        className={errorTextIconStyles({
+                            variant: "danger",
+                            className: className?.icon,
+                        })}
+                    />
+                )}
+            </div>
             <Typography
                 variant="xs"
                 className={{