diff --git a/components/brave_new_tab_ui/components/default/settings/index.ts b/components/brave_new_tab_ui/components/default/settings/index.ts index 8bbf20c9cd4a..3ab72ecf2b09 100644 --- a/components/brave_new_tab_ui/components/default/settings/index.ts +++ b/components/brave_new_tab_ui/components/default/settings/index.ts @@ -295,11 +295,15 @@ export const SettingsWidget = styled<{}, 'div'>('div')` margin-top: 20px; ` -export const StyledWidgetSettings = styled<{}, 'div'>('div')` +interface WidgetSettingsProps { + hasFeatured: boolean +} + +export const StyledWidgetSettings = styled('div')` font-family: ${p => p.theme.fontFamily.heading}; - ${SettingsWidget}:nth-child(even) { - margin-right: 17px; + ${SettingsWidget}:nth-child(${p => p.hasFeatured ? 'odd' : 'even'}) { + margin-left: 17px; } ` diff --git a/components/brave_new_tab_ui/containers/newTab/settings/moreCards.tsx b/components/brave_new_tab_ui/containers/newTab/settings/moreCards.tsx index 8cafbb2f4bb7..4dcf48bc01ca 100644 --- a/components/brave_new_tab_ui/containers/newTab/settings/moreCards.tsx +++ b/components/brave_new_tab_ui/containers/newTab/settings/moreCards.tsx @@ -89,7 +89,7 @@ class MoreCardsSettings extends React.PureComponent { bitcoinDotComSupported } = this.props return ( - + { togetherSupported ?