diff --git a/src/app/components/refining-page-display/refining-page-display.component.scss b/src/app/components/refining-page-display/refining-page-display.component.scss
index ccf5de0..8017ae1 100644
--- a/src/app/components/refining-page-display/refining-page-display.component.scss
+++ b/src/app/components/refining-page-display/refining-page-display.component.scss
@@ -26,7 +26,7 @@
       max-width: 40px;
       max-height: 25px;
       text-align: center;
-      color: var(--ion-color-dark);
+      color: var(--ion-color-dark, #000);
 
       &::-webkit-outer-spin-button,
       &::-webkit-inner-spin-button {