From 85bfd87bb4e5bc003c8d13108d5e0ac4d6f4d957 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Fri, 28 Feb 2025 17:39:11 +0530
Subject: [PATCH] input alignment fix (#10577)

this fix was already the case before this
[change](https://github.com/twentyhq/twenty/pull/10124/files#diff-a48e37b645699a3309d359e3084f0218c38441585d8e3884083c411dacb096f4L273)

Unsure why this change was necessary.

<img width="914" alt="Screenshot 2025-02-28 at 16 02 38"
src="https://github.com/user-attachments/assets/c8bd791b-81b3-429b-9d0a-88a47058a979"
/>
---
 .../src/modules/ui/input/components/InputErrorHelper.tsx    | 6 ++----
 .../src/modules/ui/input/components/TextInputV2.tsx         | 4 +++-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/input/components/InputErrorHelper.tsx b/packages/twenty-front/src/modules/ui/input/components/InputErrorHelper.tsx
index 2f15b31a7..1a8a38f0e 100644
--- a/packages/twenty-front/src/modules/ui/input/components/InputErrorHelper.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/InputErrorHelper.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import styled from '@emotion/styled';
+import React from 'react';
 
 const StyledInputErrorHelper = styled.div`
   color: ${({ theme }) => theme.color.red};
@@ -13,13 +13,11 @@ const StyledErrorContainer = styled.div`
 
 export const InputErrorHelper = ({
   children,
-  isVisible = true,
 }: {
   children?: React.ReactNode;
-  isVisible?: boolean;
 }) => (
   <StyledErrorContainer>
-    {children && isVisible && (
+    {children && (
       <StyledInputErrorHelper aria-live="polite">
         {children}
       </StyledInputErrorHelper>
diff --git a/packages/twenty-front/src/modules/ui/input/components/TextInputV2.tsx b/packages/twenty-front/src/modules/ui/input/components/TextInputV2.tsx
index 19bb2273d..a152959e0 100644
--- a/packages/twenty-front/src/modules/ui/input/components/TextInputV2.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/TextInputV2.tsx
@@ -357,7 +357,9 @@ const TextInputV2Component = forwardRef<
             )}
           </StyledTrailingIconContainer>
         </StyledInputContainer>
-        <InputErrorHelper isVisible={!noErrorHelper}>{error}</InputErrorHelper>
+        {!noErrorHelper && error && (
+          <InputErrorHelper>{error}</InputErrorHelper>
+        )}
       </StyledContainer>
     );
   },