diff --git a/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue b/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue
index 70837494..34b7a0a1 100644
--- a/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue
+++ b/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue
@@ -8,7 +8,6 @@ import { preferences } from '@vben/preferences';
 
 export default defineComponent({
   components: { EchartsUI },
-  name: 'CommandChart',
   props: {
     data: {
       default: () => [],
@@ -71,9 +70,7 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="flex h-[400px] w-full items-center justify-center">
-    <EchartsUI ref="chartRef" />
-  </div>
+  <EchartsUI ref="chartRef" height="400px" width="100%" />
 </template>
 
 <style scoped></style>
diff --git a/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue b/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue
index 7e952087..267efb65 100644
--- a/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue
+++ b/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue
@@ -8,7 +8,6 @@ import { preferences } from '@vben/preferences';
 
 export default defineComponent({
   components: { EchartsUI },
-  name: 'MemoryChart',
   props: {
     data: {
       default: '0',
@@ -90,9 +89,7 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="flex h-[400px] w-full items-center justify-center">
-    <EchartsUI ref="memoryHtmlRef" />
-  </div>
+  <EchartsUI ref="memoryHtmlRef" height="400px" width="100%" />
 </template>
 
 <style scoped></style>