diff --git a/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss b/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
index 057e41ca..4385d6a0 100644
--- a/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
+++ b/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
@@ -35,10 +35,10 @@ body.preview-text-enabled {
 
   /* actual preview area */
   .monospace-preview {
-    background: var(--color-grey-900);
+    background: var(--color-background-input);
     border: 1px solid var(--color-grey-600);
     padding: 1rem;
-    color: var(--color-grey-100);
+    color: var(--color-text-input);
     font-family: "Courier New", Courier, monospace; /* Sets the font to a monospace type */
     font-size: 70%;
     overflow-x: scroll;
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index b9bb6456..eb972642 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -480,10 +480,10 @@ body.preview-text-enabled {
   body.preview-text-enabled #activate-text-preview {
     background-color: var(--color-grey-500); }
   body.preview-text-enabled .monospace-preview {
-    background: var(--color-grey-900);
+    background: var(--color-background-input);
     border: 1px solid var(--color-grey-600);
     padding: 1rem;
-    color: var(--color-grey-100);
+    color: var(--color-text-input);
     font-family: "Courier New", Courier, monospace;
     /* Sets the font to a monospace type */
     font-size: 70%;