diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentBase.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentBase.tsx index c89ac354a..31c79e956 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentBase.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentBase.tsx @@ -11,7 +11,7 @@ export const StyledSettingsOptionCardContent = styled( )` align-items: center; display: flex; - gap: ${({ theme }) => theme.spacing(4)}; + gap: ${({ theme }) => theme.spacing(3)}; `; export const StyledSettingsOptionCardIcon = styled.div` align-items: center; @@ -19,9 +19,9 @@ export const StyledSettingsOptionCardIcon = styled.div` border-radius: ${({ theme }) => theme.border.radius.sm}; background-color: ${({ theme }) => theme.background.primary}; display: flex; - height: ${({ theme }) => theme.spacing(8)}; + height: ${({ theme }) => theme.spacing(7)}; justify-content: center; - width: ${({ theme }) => theme.spacing(8)}; + width: ${({ theme }) => theme.spacing(7)}; min-width: ${({ theme }) => theme.icon.size.md}; `; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx index 53f3df5f4..868418500 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx @@ -82,6 +82,7 @@ export const SettingsOptionCardContentToggle = ({ value={checked} onChange={onChange} disabled={disabled} + toggleSize="small" color={advancedMode ? theme.color.yellow : theme.color.blue} /> diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx index 1f576bb88..0d10eb013 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx @@ -24,7 +24,7 @@ export const SettingsOptionIconCustomizer = ({ return (