diff --git a/src/components/extenders/PaginatedSelect.tsx b/src/components/extenders/PaginatedSelect.tsx
index be7d67f65..1d3bd8e2b 100644
--- a/src/components/extenders/PaginatedSelect.tsx
+++ b/src/components/extenders/PaginatedSelect.tsx
@@ -248,7 +248,7 @@ export default function PaginatedSelect({
               type={"string"}
               state={[search, onSearch]}
               placeholder={"Search a token"}
-              className="w-full h-[fit-content]"
+              className={mergeClass(base(), "w-full h-[fit-content]")}
               size="lg"
               prefix={<Icon remix="RiSearch2Line" />}
             />
diff --git a/src/components/primitives/Input.tsx b/src/components/primitives/Input.tsx
index 0cedc93e2..9feae247f 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("flex-col", className)} size={"xs"}>
-        <label className={mergeClass(inputStyles({ look, size }), className, "flex-col flex")} htmlFor="input">
+      <Group className={mergeClass(inputStyles({ look, size }), "flex-col", className)} size={"xs"}>
+        <label className={mergeClass(className, "w-full flex-col flex")} htmlFor="input">
           {header && (
             <label htmlFor="input" className="w-full flex">
               {header}