diff --git a/src/views/device/DashBoard/components/TopCard.vue b/src/views/device/DashBoard/components/TopCard.vue
index a8d07992..80de7b41 100644
--- a/src/views/device/DashBoard/components/TopCard.vue
+++ b/src/views/device/DashBoard/components/TopCard.vue
@@ -72,18 +72,16 @@ const props = defineProps({
         }
         .content-right {
             width: 0;
-            height: 123px;
             display: flex;
-            flex-grow: .7;
+            flex-grow: 1;
             align-items: flex-end;
             justify-content: flex-end;
             img {
-                width: 100%;
-                height: 100%;
+                width: 92px;
+                height: 92px;
             }
         }
         .content-right-echart{
-            height: 123px;
             display: flex;
             flex-grow: 1;
             align-items: flex-end;
diff --git a/src/views/device/DashBoard/index.vue b/src/views/device/DashBoard/index.vue
index 3e50ea87..0e30a75b 100644
--- a/src/views/device/DashBoard/index.vue
+++ b/src/views/device/DashBoard/index.vue
@@ -5,7 +5,7 @@
                 <j-col :span="6">
                     <TopCard
                         title="产品数量"
-                        :img="getImage('/device/device-product.png')"
+                        :img="getImage('/device/device-product.svg')"
                         :footer="productFooter"
                         :value="productTotal"
                     ></TopCard>
@@ -13,7 +13,7 @@
                 <j-col :span="6">
                     <TopCard
                         title="设备数量"
-                        :img="getImage('/device/device-number.png')"
+                        :img="getImage('/device/device-number.svg')"
                         :footer="deviceFooter"
                         :value="deviceTotal"
                     ></TopCard
@@ -605,7 +605,7 @@ getDevice();
 }
 .message-chart {
     width: 100%;
-    height: 400px;
+    height: 470px;
 }
 .amap-box {
     height: 500px;