diff --git a/src/views/dashboard/graphs/Card.vue b/src/views/dashboard/graphs/Card.vue
index 56c63c2e..0cd212f0 100644
--- a/src/views/dashboard/graphs/Card.vue
+++ b/src/views/dashboard/graphs/Card.vue
@@ -27,7 +27,7 @@ limitations under the License. -->
       {{ decodeURIComponent(unit) }}
     </span>
   </div>
-  <div class="center no-data" v-else>{{ t("noData") }}</div>
+  <div v-else class="card-no-data" :class="config.textAlign === 'center' ? 'center' : ''">{{ t("noData") }}</div>
 </template>
 <script lang="ts" setup>
   import { computed } from "vue";
@@ -68,13 +68,20 @@ limitations under the License. -->
     align-items: center;
   }
 
-  .no-data {
+  .card-no-data {
     height: 100%;
     color: #666;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
   }
 
   .unit {
     display: inline-block;
     margin-left: 2px;
   }
+
+  .center {
+    justify-content: center;
+  }
 </style>