diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
index 17969d817..6b93a88e6 100644
--- a/src/components/ui/CardList.vue
+++ b/src/components/ui/CardList.vue
@@ -35,7 +35,7 @@ const selectedItem = (item) => {
                         <div class="title text-primary text-weight-bold text-h5">
                             {{ $props.title }}
                         </div>
-                        <QChip outline color="white" size="sm">
+                        <QChip class="q-chip-color" outline size="sm">
                             {{ t('ID') }}: {{ $props.id }}
                         </QChip>
                     </div>
@@ -64,6 +64,10 @@ const selectedItem = (item) => {
     margin-right: 25px;
 }
 
+.q-chip-color {
+    color: var(--vn-label);
+}
+
 .card-list-body {
     display: flex;
     justify-content: space-between;