From 4d88ce6e668f0bc6cbdb909f74e312f7a4fb2031 Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@gmail.com>
Date: Sun, 20 Apr 2025 10:18:35 +0200
Subject: [PATCH] fix: Correct label class merging in Input component

---
 src/components/primitives/Input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/primitives/Input.tsx b/src/components/primitives/Input.tsx
index 75e47db32..c92ed0810 100644
--- a/src/components/primitives/Input.tsx
+++ b/src/components/primitives/Input.tsx
@@ -66,8 +66,8 @@ function Input({ look, size, state, inputClassName, className, ...props }: Input
   const { header, footer, prefix, suffix, label, hint, error, ...rest } = props;
   if (extensions.some(extension => !!props?.[extension]))
     return (
-      <Group className={mergeClass(inputStyles({ look, size }), "flex-col", className)} size={"xs"}>
-        <label className={mergeClass(className, "w-full flex-col flex")} htmlFor="input">
+      <Group className={mergeClass("flex-col", className)} size={"xs"}>
+        <label className={mergeClass(inputStyles({ look, size }), className, "w-full flex-col flex")} htmlFor="input">
           {header && (
             <label htmlFor="input" className="w-full flex">
               {header}