From dd9d9436a12dae04724036e7af1e3e253e74780b Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@gmail.com>
Date: Fri, 18 Apr 2025 16:34:04 +0200
Subject: [PATCH] fix: Adjust sizing btw select && inputs on xs, sm, md, lg, xl

---
 src/components/extenders/Select.tsx | 18 +++++++++---------
 src/components/primitives/Input.tsx |  4 ++--
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/extenders/Select.tsx b/src/components/extenders/Select.tsx
index 3e284846c..a470be9bd 100644
--- a/src/components/extenders/Select.tsx
+++ b/src/components/extenders/Select.tsx
@@ -55,36 +55,36 @@ export const selectStyles = tv({
     },
     size: {
       xs: {
-        base: "text-xs",
-        value: "px-sm*2 py-xs*2",
+        base: "text-xs py-xs*2 rounded-xs",
+        value: "px-xs",
         icon: "text-sm",
         item: "px-md text-xs",
         prefixLabel: "text-xs",
       },
       sm: {
-        base: "text-sm",
-        value: "px-md py-sm",
+        base: "text-sm px-sm py-sm rounded-sm",
+        value: "py-sm",
         icon: "text-base",
         item: "px-md text-sm",
         prefixLabel: "text-sm",
       },
       md: {
-        base: "text-md",
+        base: "text-md rounded-md",
         value: "px-md text-md py-md",
         icon: "text-lg",
         item: "px-md text-md",
         prefixLabel: "text-sm",
       },
       lg: {
-        base: "text-lg",
-        value: "px-xl/2 py-lg",
+        base: "text-lg py-sm*2 rounded-lg",
+        value: "px-lg py-sm",
         icon: "text-xl",
         item: "px-lg text-lg",
         prefixLabel: "text-base",
       },
       xl: {
-        base: "text-xl",
-        value: "px-sm*2 py-lg",
+        base: "text-3xl py-md*2 rounded-xl",
+        value: "px-lg py-xs",
         icon: "text-xl",
         item: "px-xl text-xl",
         prefixLabel: "text-lg",
diff --git a/src/components/primitives/Input.tsx b/src/components/primitives/Input.tsx
index 9feae247f..75e47db32 100644
--- a/src/components/primitives/Input.tsx
+++ b/src/components/primitives/Input.tsx
@@ -96,7 +96,7 @@ function Input({ look, size, state, inputClassName, className, ...props }: Input
             </label>
           )}
         </label>
-        <Group>{error}</Group>
+        {!!error && <Group>{error}</Group>}
       </Group>
     );
   return (
@@ -108,7 +108,7 @@ function Input({ look, size, state, inputClassName, className, ...props }: Input
         onChange={e => state?.[1]?.(e?.target?.value)}
         {...rest}
       />
-      <Group className="flex-col">{error}</Group>{" "}
+      {!!error && <Group className="flex-col">{error}</Group>}
     </Group>
   );
 }