fix: addon wrapper to password input field (#8320)

* fix: addon wrapper to password input field * fix: tooltip Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in> --------- Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in> Co-authored-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
2023-04-19 14:12:55 +00:00
parent b4c3753566
commit ccd589ef38
2 changed files with 5 additions and 2 deletions
@@ -165,7 +165,7 @@ export default function Login({
                  {...register("email")}
                />
                <div className="relative">
-                  <div className="absolute -top-[6px]  z-10 ltr:right-0 rtl:left-0">
+                  <div className="z-5 absolute -top-1.5 ltr:right-0 rtl:left-0">
                    <Link
                      href="/auth/forgot-password"
                      tabIndex={-1}
@@ -224,7 +224,10 @@ export const PasswordField = forwardRef<HTMLInputElement, InputFieldProps>(funct
        placeholder={props.placeholder || "•••••••••••••"}
        ref={ref}
        {...props}
-        className={classNames("mb-0 ltr:border-r-0 ltr:pr-10 rtl:border-l-0 rtl:pl-10", props.className)}
+        className={classNames(
+          "addon-wrapper mb-0 ltr:border-r-0 ltr:pr-10 rtl:border-l-0 rtl:pl-10",
+          props.className
+        )}
        addOnFilled={false}
        addOnSuffix={
          <Tooltip content={textLabel}>