diff --git a/special-pages/pages/new-tab/app/components/App.js b/special-pages/pages/new-tab/app/components/App.js
index 5693f51a5..1cd588d12 100644
--- a/special-pages/pages/new-tab/app/components/App.js
+++ b/special-pages/pages/new-tab/app/components/App.js
@@ -61,7 +61,7 @@ export function App() {
                         </div>
                     </div>
                 </main>
-                <div data-theme={main}>
+                <div class={styles.themeContext} data-theme={main}>
                     <CustomizerMenuPositionedFixed>
                         {customizerKind === 'menu' && <CustomizerMenu />}
                         {customizerKind === 'drawer' && (
diff --git a/special-pages/pages/new-tab/app/components/App.module.css b/special-pages/pages/new-tab/app/components/App.module.css
index bd5da2afb..6c0a6b7ad 100644
--- a/special-pages/pages/new-tab/app/components/App.module.css
+++ b/special-pages/pages/new-tab/app/components/App.module.css
@@ -52,7 +52,9 @@ body[data-animate-background="true"] {
     color: var(--ntp-text-normal);
 }
 
-
+.themeContext {
+    color: var(--ntp-text-normal);
+}
 
 .mainLayout {
     will-change: transform;