diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx index 38e6385fb5..f5aac9a3c0 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx @@ -46,10 +46,15 @@ const StyledAdvancedTextFieldInnerContainer = styled.div` width: 100%; `; -const StyledEditorActionButtonContainer = styled.div` +const StyledEditorActionButtonContainer = styled.div<{ + hasVariablePicker?: boolean; +}>` margin-top: ${themeCssVariables.spacing[1]}; position: absolute; - right: ${themeCssVariables.spacing[1]}; + right: ${({ hasVariablePicker }) => + hasVariablePicker + ? `calc(${themeCssVariables.spacing[7]} + ${themeCssVariables.spacing[2]})` + : themeCssVariables.spacing[1]}; top: ${themeCssVariables.spacing[0]}; z-index: 1; `; @@ -214,7 +219,9 @@ export const FormAdvancedTextFieldInput = ({ )} {enableFullScreen && ( - + {!readonly && !isFullScreen && (