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}