diff --git a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx index 6ebabfc23..6be66c368 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx @@ -2,10 +2,12 @@ import styled from '@emotion/styled'; import { OVERLAY_BACKGROUND } from 'twenty-ui'; const StyledFieldTextAreaOverlay = styled.div` + position: absolute; + top: 0; border-radius: ${({ theme }) => theme.border.radius.sm}; align-items: center; display: flex; - height: 32px; + max-height: 420px; margin: -1px; width: 100%; ${OVERLAY_BACKGROUND} 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 index d14efa233..b9a08ef1f 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx @@ -30,6 +30,7 @@ const StyledTextArea = styled(TextareaAutosize)` display: flex; justify-content: center; resize: none; + max-height: 400px; width: calc(100% - ${({ theme }) => theme.spacing(7)}); `;