diff --git a/components/ExpenseList.vue b/components/ExpenseList.vue
index 30934a3..93392bf 100644
--- a/components/ExpenseList.vue
+++ b/components/ExpenseList.vue
@@ -16,7 +16,7 @@
         </span>
       </div>
       
-      <div class="text-body-2 text-grey-darken-1">
+      <div class="text-body-2 text-grey-darken-3">
         {{ expenses.length }} expenses • €{{ totalAmount.toFixed(2) }}
       </div>
     </div>
@@ -80,7 +80,7 @@
               @click.stop="$emit('expense-clicked', expense)"
             >
               <v-icon size="48" color="grey-darken-1">mdi-receipt-text-outline</v-icon>
-              <span class="text-caption text-grey-darken-2">No receipt</span>
+              <span class="text-caption text-grey-darken-4">No receipt</span>
             </div>
           </div>
 
@@ -182,7 +182,7 @@
       <v-card-text>
         <v-icon size="64" color="grey-lighten-2" class="mb-4">mdi-receipt</v-icon>
         <h3 class="text-h6 mb-2">No expenses found</h3>
-        <p class="text-body-2 text-grey-darken-1">
+        <p class="text-body-2 text-grey-darken-3">
           No expenses match the current filters
         </p>
       </v-card-text>
@@ -408,7 +408,7 @@ const openReceipt = (receipt: any) => {
   display: flex;
   align-items: center;
   font-size: 0.875rem;
-  color: rgba(var(--v-theme-on-surface), 0.8);
+  color: rgba(var(--v-theme-on-surface), 0.9);
   margin-bottom: 4px;
 }
 
@@ -416,13 +416,13 @@ const openReceipt = (receipt: any) => {
   display: flex;
   align-items: center;
   font-size: 0.875rem;
-  color: rgba(var(--v-theme-on-surface), 0.8);
+  color: rgba(var(--v-theme-on-surface), 0.9);
   margin-bottom: 8px;
 }
 
 .contents-preview {
   font-size: 0.875rem;
-  color: rgba(var(--v-theme-on-surface), 0.7);
+  color: rgba(var(--v-theme-on-surface), 0.85);
   line-height: 1.3;
   overflow: hidden;
   display: -webkit-box;