fix(input): input box shifts upwards atfer adding the errorMessage

nextui-org · Apr 16, 2024 · cccdd52 · cccdd52
1 parent f64b0dc
commit cccdd52
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/good-birds-nail.md b/.changeset/good-birds-nail.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/input": patch
+---
+
+Fixes input helperWrapper, description and errorMessage styles (#2730)
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
@@ -64,9 +64,9 @@ const input = tv({
       // focus ring
       ...dataFocusVisibleClasses,
     ],
-    helperWrapper: "hidden group-data-[has-helper=true]:flex p-1 relative flex-col gap-1.5",
-    description: "text-tiny text-foreground-400",
-    errorMessage: "text-tiny text-danger",
+    helperWrapper: "hidden group-data-[has-helper=true]:flex relative flex-col",
+    description: "text-tiny text-foreground-400 p-1",
+    errorMessage: "text-tiny text-danger p-1 absolute",
   },
   variants: {
     variant: {