diff --git a/components/brave_new_tab_ui/containers/newTab/settings.tsx b/components/brave_new_tab_ui/containers/newTab/settings.tsx
index e8fae4e556a0..03a632080c89 100644
--- a/components/brave_new_tab_ui/containers/newTab/settings.tsx
+++ b/components/brave_new_tab_ui/containers/newTab/settings.tsx
@@ -208,11 +208,12 @@ export default class Settings extends React.PureComponent<Props, State> {
 
     return showSettingsMenu
       ? (
-        <SettingsWrapper
-          textDirection={textDirection}
-          title={getLocale('dashboardSettingsTitle')}
-        >
-          <SettingsMenu innerRef={this.settingsMenuRef} textDirection={textDirection}>
+        <SettingsWrapper textDirection={textDirection}>
+          <SettingsMenu
+            innerRef={this.settingsMenuRef}
+            textDirection={textDirection}
+            title={getLocale('dashboardSettingsTitle')}
+          >
             <SettingsTitle id='settingsTitle'>
               <h1>{getLocale('dashboardSettingsTitle')}</h1>
               <SettingsCloseIcon onClick={this.props.onClickOutside}>