Adjust Floating Input Padding and Border Color (twentyhq#7328)

This PR fix the padding and border color of floating text input twentyhq#7286 The text area automatically has padding of 4px so I reset it to 0 and adjusting container padding to 8px.
gazjones00 · Oct 2, 2024 · 57eaa01 · 57eaa01
1 parent d7dd41e
commit 57eaa01
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx
@@ -36,10 +36,10 @@ const StyledTextArea = styled(TextareaAutosize)`
 `;
 
 const StyledTextAreaContainer = styled.div`
-  border: ${({ theme }) => `1px solid ${theme.border.color.light}`};
+  border: ${({ theme }) => `1px solid ${theme.border.color.medium}`};
   position: relative;
   width: 100%;
-  padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(1)};
+  padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(0)};
   border-radius: ${({ theme }) => theme.border.radius.sm};
   background: ${({ theme }) => theme.background.primary};
 `;