diff --git a/packages/frontend/component/src/components/auth-components/auth-input.tsx b/packages/frontend/component/src/components/auth-components/auth-input.tsx
index 053601a226..f756d288de 100644
--- a/packages/frontend/component/src/components/auth-components/auth-input.tsx
+++ b/packages/frontend/component/src/components/auth-components/auth-input.tsx
@@ -32,9 +32,12 @@ export const AuthInput = ({
         onEnter={onEnter}
         {...inputProps}
       />
-      {error && errorHint ? (
-        <div className={styles.authInputError}>{errorHint}</div>
-      ) : null}
+      <div
+        className={styles.authInputError}
+        style={{ visibility: error ? 'visible' : 'hidden' }}
+      >
+        {errorHint}
+      </div>
     </div>
   );
 };
diff --git a/packages/frontend/component/src/components/auth-components/share.css.ts b/packages/frontend/component/src/components/auth-components/share.css.ts
index d7d6fb9d25..15e6af73ca 100644
--- a/packages/frontend/component/src/components/auth-components/share.css.ts
+++ b/packages/frontend/component/src/components/auth-components/share.css.ts
@@ -71,6 +71,7 @@ export const authInputError = style({
   color: cssVar('errorColor'),
   fontSize: cssVar('fontXs'),
   lineHeight: '20px',
+  minHeight: '20px',
 });
 
 globalStyle(`${authContent} a`, {