diff --git a/src/components/InfoBanner.js b/src/components/InfoBanner.js
index 24f8bbfdfc..2e8982b9ba 100644
--- a/src/components/InfoBanner.js
+++ b/src/components/InfoBanner.js
@@ -40,7 +40,7 @@ const InfoBanner = ({ visible, onHide }) => {
     outline: 'none',
     backgroundColor: 'transparent',
     border: 'none',
-    color: 'var(--color-text)',
+    color: '#33332D',
     cursor: 'pointer',
   };
 
diff --git a/src/components/InfoBanner2.js b/src/components/InfoBanner2.js
index 113718c5a5..e0f63f8fb2 100644
--- a/src/components/InfoBanner2.js
+++ b/src/components/InfoBanner2.js
@@ -40,7 +40,7 @@ const InfoBanner = ({ visible, onHide }) => {
     outline: 'none',
     backgroundColor: 'transparent',
     border: 'none',
-    color: 'var(--color-text)',
+    color: '#33332D',
     cursor: 'pointer',
   };
 
diff --git a/src/components/InfoBanner3.js b/src/components/InfoBanner3.js
index c312e2a1ed..9be1aa8873 100644
--- a/src/components/InfoBanner3.js
+++ b/src/components/InfoBanner3.js
@@ -40,7 +40,7 @@ const InfoBanner = ({ visible, onHide }) => {
     outline: 'none',
     backgroundColor: 'transparent',
     border: 'none',
-    color: 'var(--color-text)',
+    color: '#33332D',
     cursor: 'pointer',
   };
 
diff --git a/src/components/InfoBanner4.js b/src/components/InfoBanner4.js
index f0d3e2f713..7cb1011e36 100644
--- a/src/components/InfoBanner4.js
+++ b/src/components/InfoBanner4.js
@@ -40,7 +40,7 @@ const InfoBanner4 = ({ visible, onHide }) => {
     outline: 'none',
     backgroundColor: 'transparent',
     border: 'none',
-    color: 'var(--color-text)',
+    color: '#33332D',
     cursor: 'pointer',
   };