fix: match password field height to other inputs

CHANGELOG.md

@@ -2,10 +2,18 @@
 
 ## 26.11.1
 
+### Changed
+
+- Host status, import and export, and credential tools now start on for new installs
+- Service Manager is now in the standard image and starts on for new installs
+- Sync now starts on in a new desktop app, so it can link to a server
+- The first run plugin picker leaves plugins you did not choose off instead of removing them
+
 ### Fixed
 
 - The first run plugin picker no longer sets the default layout and themes to Remove. They always stay on
 - Alerts with no icon no longer squeeze their text to one word per line
+- Password fields with the show button are the same height as the other fields next to them
 
 ## 26.11.0
 

src/ui/components/password-input.tsx

@@ -18,19 +18,19 @@ export const PasswordInput = React.forwardRef<
       <Input
         ref={ref}
         type={showPassword ? "text" : "password"}
-        className={cn("h-11 text-base pr-12", className)} // extra padding-right
+        className={cn("h-8 pr-8", className)}
         {...props}
       />
       <button
         type="button"
         onClick={() => setShowPassword((prev) => !prev)}
-        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition"
+        className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition"
         aria-label={showPassword ? "Hide password" : "Show password"}
       >
         {showPassword ? (
-          <EyeOff className="h-5 w-5" />
+          <EyeOff className="size-4" />
         ) : (
-          <Eye className="h-5 w-5" />
+          <Eye className="size-4" />
         )}
       </button>
     </div>