diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx index aed21d0ee273..9e59ff4a4675 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx @@ -63,10 +63,6 @@ const StyledInputContainer = styled.div` flex-direction: column; `; -const StyledSectionWrapper = styled.div` - margin-bottom: ${({ theme }) => theme.spacing(4)}; -`; - const StyledAdvancedSettingsSectionInputWrapper = styled.div` display: flex; flex-direction: column; @@ -76,9 +72,10 @@ const StyledAdvancedSettingsSectionInputWrapper = styled.div` const StyledAdvancedSettingsContainer = styled.div` display: flex; - width: 100%; gap: ${({ theme }) => theme.spacing(2)}; + padding-top: ${({ theme }) => theme.spacing(4)}; position: relative; + width: 100%; `; const StyledIconToolContainer = styled.div` @@ -154,84 +151,82 @@ export const SettingsDataModelObjectAboutForm = ({ return ( <> - - - - Icon - ( - onChange(iconKey)} - /> - )} - /> - - ( - { - onChange(value); - fillLabelPlural(value); - if (isLabelSyncedWithName === true) { - fillNameSingularFromLabelSingular(value); - } - }} - disabled={disabled || disableNameEdit} - fullWidth - maxLength={OBJECT_NAME_MAXIMUM_LENGTH} - /> - )} - /> + + + Icon ( - { - onChange(value); - if (isLabelSyncedWithName === true) { - fillNamePluralFromLabelPlural(value); - } - }} - disabled={disabled || disableNameEdit} - fullWidth - maxLength={OBJECT_NAME_MAXIMUM_LENGTH} + onChange(iconKey)} /> )} /> - + ( -