diff --git a/src/css/app.scss b/src/css/app.scss
index b742dae2f..dbf45ce89 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -52,6 +52,10 @@ body.body--dark {
     color: var(--vn-text);
 }
 
+.color-vn-white {
+    color: $white;
+}
+
 .vn-card {
     background-color: var(--vn-gray);
     color: var(--vn-text);
diff --git a/src/pages/Item/Card/ItemDescriptor.vue b/src/pages/Item/Card/ItemDescriptor.vue
index bd7e8c371..41398bd28 100644
--- a/src/pages/Item/Card/ItemDescriptor.vue
+++ b/src/pages/Item/Card/ItemDescriptor.vue
@@ -231,22 +231,26 @@ const openCloneDialog = async () => {
                 style="height: 54px"
             >
                 <div class="col column items-center">
-                    <span class="text-uppercase" style="font-size: 11px">
+                    <span class="text-uppercase color-vn-white" style="font-size: 11px">
                         {{ t('item.descriptor.visible') }}
                     </span>
-                    <span class="text-weight-bold text-h5">{{ visible }}</span>
+                    <span class="text-weight-bold text-h5 color-vn-white">{{
+                        visible
+                    }}</span>
                 </div>
                 <div
                     class="col column items-center separation-borders"
                     style="font-size: 11px"
                 >
-                    <span class="text-uppercase">
+                    <span class="text-uppercase color-vn-white">
                         {{ t('item.descriptor.available') }}
                     </span>
-                    <span class="text-weight-bold text-h5">{{ available }}</span>
+                    <span class="text-weight-bold text-h5 color-vn-white">{{
+                        available
+                    }}</span>
                 </div>
                 <div class="col column items-center justify-center">
-                    <QIcon name="info" class="cursor-pointer" size="md">
+                    <QIcon name="info" class="cursor-pointer color-vn-white" size="md">
                         <QTooltip>{{ warehouseText }}</QTooltip>
                     </QIcon>
                 </div>
@@ -302,7 +306,7 @@ es:
 }
 
 .separation-borders {
-    border-left: 1px solid var(--vn-text);
-    border-right: 1px solid var(--vn-text);
+    border-left: 1px solid $white;
+    border-right: 1px solid $white;
 }
 </style>