diff --git a/browser/components/newtab/aboutwelcome/content/aboutwelcome.css b/browser/components/newtab/aboutwelcome/content/aboutwelcome.css
index dfd2cecf1308..799b4d7115b2 100644
--- a/browser/components/newtab/aboutwelcome/content/aboutwelcome.css
+++ b/browser/components/newtab/aboutwelcome/content/aboutwelcome.css
@@ -449,6 +449,8 @@ body[lwt-newtab-brighttext] {
   background: url("chrome://browser/skin/forward.svg") no-repeat right 8px center;
   background-size: 12px;
   padding-inline-end: 24px;
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 .onboardingContainer .screen[pos=split] .section-main .main-content .action-buttons .secondary-cta .arrow-icon:dir(rtl) {
   background-image: url("chrome://browser/skin/back.svg");
diff --git a/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss b/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss
index f3d3a9404581..e9534c50d9f2 100644
--- a/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss
+++ b/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss
@@ -365,6 +365,8 @@ body {
                 background: url('chrome://browser/skin/forward.svg') no-repeat right 8px center;
                 background-size: 12px;
                 padding-inline-end: 24px;
+                -moz-context-properties: fill;
+                fill: currentColor;
 
                 &:dir(rtl) {
                   background-image: url('chrome://browser/skin/back.svg');