diff --git a/src/css/app.scss b/src/css/app.scss
index f1fc22527..c9b489043 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -1,10 +1,5 @@
 // app global css in SCSS form
 @import './icons.scss';
-body {
-    .q-chip__content {
-        color: 'red';
-    }
-}
 
 body.body--light {
     --font-color: black;
@@ -16,8 +11,7 @@ body.body--light {
 
     background-color: var(--vn-page-color);
 
-    .q-header .q-toolbar,
-    .q-chip {
+    .q-header .q-toolbar {
         color: var(--font-color);
     }
     .q-card,
@@ -35,10 +29,6 @@ body.body--dark {
     --vn-accent-color: #424242;
 
     background-color: #222;
-
-    .q-chip {
-        color: black;
-    }
 }
 
 a {
@@ -124,6 +114,10 @@ select:-webkit-autofill {
     content: ' *';
 }
 
+.q-chip {
+    color: black;
+}
+
 input[type='number'] {
     -moz-appearance: textfield;
 }
diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 90dd31199..70c257c69 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -161,7 +161,7 @@ function showImportDialog() {
         <div class="row q-gutter-md">
             <div>
                 {{ t('Amount') }}
-                <QChip :dense="$q.screen.lt.sm">
+                <QChip :dense="$q.screen.lt.sm" text-color="white">
                     {{ toCurrency(amount) }}
                 </QChip>
             </div>