From e2195e395be8bbd5d757a0c502ccd05dbe75ffd8 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Sat, 10 Jan 2026 18:55:27 +0000
Subject: [PATCH] more consistent styling

---
 packages/frontend/src/components/ui/field.tsx | 2 +-
 packages/frontend/src/components/ui/input.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/ui/field.tsx b/packages/frontend/src/components/ui/field.tsx
index bd09dd4..f79b7f1 100644
--- a/packages/frontend/src/components/ui/field.tsx
+++ b/packages/frontend/src/components/ui/field.tsx
@@ -40,7 +40,7 @@ export function Field({
     }, [isTouched, validate, value]);
 
     return (
-        <div className="flex flex-col gap-1">
+        <div className="flex flex-col gap-1 w-full">
             <div className="flex items-end justify-between w-full text-xs">
                 <Label htmlFor={label} className="flex items-center text-sm">
                     {label}
diff --git a/packages/frontend/src/components/ui/input.tsx b/packages/frontend/src/components/ui/input.tsx
index e1cfe50..7af0971 100644
--- a/packages/frontend/src/components/ui/input.tsx
+++ b/packages/frontend/src/components/ui/input.tsx
@@ -14,7 +14,7 @@ function Input({
     return (
         <div
             className={cn(
-                "border-input dark:bg-input/30 flex h-9 w-full min-w-0 items-center border bg-transparent shadow-xs",
+                "border-input dark:bg-input/30 flex h-9 w-full min-w-0 items-center border bg-transparent",
                 "transition-[color,box-shadow]",
                 "has-[:focus-visible]:border-ring",
                 "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -27,7 +27,7 @@ function Input({
                 data-slot="input"
                 className={cn(
                     "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
-                    "h-full w-full min-w-0 bg-transparent px-3 py-1 pr-1 text-base outline-none",
+                    "h-full flex-1 min-w-0 bg-transparent px-3 py-1 pr-1 text-base outline-none",
                     "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
                     "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
                 )}
@@ -36,7 +36,7 @@ function Input({
             {showCounter && currentLength !== undefined && maxLength !== undefined && (
                 <span
                     className={cn(
-                        "border-l px-2 h-full flex items-center justify-center text-[11px] tabular-nums",
+                        "border-l px-2 h-full flex w-fit items-center justify-center text-[11px] tabular-nums",
                         currentLength / maxLength >= 1
                             ? "text-destructive"
                             : currentLength / maxLength >= 0.75