simplifying

src/routes/account.tsx

@@ -784,7 +784,6 @@ export default function AccountPage() {
                         disabled={passwordChangeLoading()}
                         title="Password must be at least 8 characters"
                         label="Old Password"
-                        containerClass="input-group relative mx-4 mb-6"
                       />
                     </Show>
 
@@ -799,7 +798,6 @@ export default function AccountPage() {
                       label="New Password"
                       showStrength
                       passwordValue={newPassword()}
-                      containerClass="input-group relative mx-4 mb-2"
                     />
                     <PasswordInput
                       ref={newPasswordConfRef}
@@ -808,8 +806,7 @@ export default function AccountPage() {
                       onInput={handlePasswordConfChange}
                       disabled={passwordChangeLoading()}
                       title="Password must be at least 8 characters"
-                      label="New Password Confirmation"
-                      containerClass="input-group relative mx-4 mb-2"
+                      label="New Password Conf."
                     />
 
                     <Show
@@ -907,7 +904,7 @@ export default function AccountPage() {
                       }
                     >
                       <form onSubmit={deleteAccountTrigger}>
-                        <div class="flex w-full justify-center">
+                        <div class="delete flex w-full justify-center">
                           <PasswordInput
                             ref={deleteAccountPasswordRef}
                             required
@@ -915,7 +912,6 @@ export default function AccountPage() {
                             disabled={deleteAccountButtonLoading()}
                             title="Enter your password to confirm account deletion"
                             label="Enter Password"
-                            containerClass="input-group delete mx-4"
                           />
                         </div>
 

src/routes/login/index.tsx

@@ -11,7 +11,6 @@ import { getEvent } from "vinxi/http";
 import GoogleLogo from "~/components/icons/GoogleLogo";
 import GitHub from "~/components/icons/GitHub";
 import CountdownCircleTimer from "~/components/CountdownCircleTimer";
-import PasswordStrengthMeter from "~/components/PasswordStrengthMeter";
 import { isValidEmail, validatePassword } from "~/lib/validation";
 import { getClientCookie } from "~/lib/cookies.client";
 import { env } from "~/env/client";
@@ -399,45 +398,36 @@ export default function LoginPage() {
           </Show>
 
           <form onSubmit={formHandler} class="flex flex-col px-2 py-4">
-            <div class="flex justify-center">
-              <Input
-                type="email"
-                required
-                ref={emailRef}
-                title="Please enter a valid email address"
-                label="Email"
-                containerClass="input-group mx-4"
-              />
-            </div>
+            <Input
+              type="email"
+              required
+              ref={emailRef}
+              title="Please enter a valid email address"
+              label="Email"
+            />
 
             <Show when={usePassword() || register()}>
-              <div class="-mt-4 flex justify-center">
-                <PasswordInput
-                  required
-                  minLength={8}
-                  ref={passwordRef}
-                  onInput={register() ? handlePasswordChange : undefined}
-                  title="Password must be at least 8 characters"
-                  label="Password"
-                  containerClass="input-group mx-4 flex"
-                  showStrength={register()}
-                  passwordValue={register() ? password() : undefined}
-                />
-              </div>
+              <PasswordInput
+                required
+                minLength={8}
+                ref={passwordRef}
+                onInput={register() ? handlePasswordChange : undefined}
+                title="Password must be at least 8 characters"
+                label="Password"
+                showStrength={register()}
+                passwordValue={register() ? password() : undefined}
+              />
             </Show>
 
             <Show when={register()}>
-              <div class="flex justify-center">
-                <PasswordInput
-                  required
-                  minLength={8}
-                  ref={passwordConfRef}
-                  onInput={handlePasswordConfChange}
-                  title="Password must be at least 8 characters and match the password above"
-                  label="Confirm Password"
-                  containerClass="input-group mx-4"
-                />
-              </div>
+              <PasswordInput
+                required
+                minLength={8}
+                ref={passwordConfRef}
+                onInput={handlePasswordConfChange}
+                title="Password must be at least 8 characters and match the password above"
+                label="Confirm Password"
+              />
             </Show>
 
             <Show when={register()}>