app/components/forms.tsx

@@ -23,9 +23,10 @@ export const Field = ({
   const errorId = errors?.length ? `${id}-error` : undefined
   return (
     <div className={className}>
-      <Label {...labelProps} htmlFor={id} />
+      <Label {...labelProps} htmlFor={id} className="font-semibold text-sm" />
       <Input
         {...inputProps}
+        className="mt-4"
         id={id}
         aria-invalid={errorId ? true : undefined}
         aria-describedby={errorId}

app/components/ui/input.tsx

@@ -36,7 +36,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         />
         {type === "password" ? <button
           type="button"
-          className="absolute right-4 top-5 text-input"
+          className="absolute right-4 top-5 text-ring"
           onClick={toggleShowPassword}
           onKeyDown={toggleShowPassword}
         >