diff --git a/frontend/src/business/components/api/homepage/components/ApiDetailCard.vue b/frontend/src/business/components/api/homepage/components/ApiDetailCard.vue
index cb763e94e9..504c104f77 100644
--- a/frontend/src/business/components/api/homepage/components/ApiDetailCard.vue
+++ b/frontend/src/business/components/api/homepage/components/ApiDetailCard.vue
@@ -8,7 +8,10 @@
     <el-container>
       <el-main>
           <div class="text item">
+            <br/>
             {{$t('api_test.home_page.api_details_card.this_week_add',[apiCountData.thisWeekAddedCount])}}
+            <br/>
+            <br/>
           </div>
       </el-main>
     </el-container>
@@ -53,7 +56,5 @@ export default {
 }
 </script>
 <style scoped>
-.el-aside {
-  text-align: center;
-}
+
 </style>
diff --git a/frontend/src/business/components/api/homepage/components/ApiInfoCard.vue b/frontend/src/business/components/api/homepage/components/ApiInfoCard.vue
index 5ef667d712..b4c632a872 100644
--- a/frontend/src/business/components/api/homepage/components/ApiInfoCard.vue
+++ b/frontend/src/business/components/api/homepage/components/ApiInfoCard.vue
@@ -52,10 +52,8 @@ export default {
 </script>
 <style scoped>
 .el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
+  line-height: 100px;
   text-align: center;
-  /*line-height: 20;*/
 }
 .countNumber{
   font-size: 40px;
diff --git a/frontend/src/business/components/api/homepage/components/SceneDetailCard.vue b/frontend/src/business/components/api/homepage/components/SceneDetailCard.vue
index f4933a361f..d00da7be64 100644
--- a/frontend/src/business/components/api/homepage/components/SceneDetailCard.vue
+++ b/frontend/src/business/components/api/homepage/components/SceneDetailCard.vue
@@ -42,11 +42,5 @@ export default {
 }
 </script>
 <style scoped>
-.el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
-  text-align: center;
-  line-height: 100px;
-}
 
 </style>
diff --git a/frontend/src/business/components/api/homepage/components/ScheduleTaskDetailCard.vue b/frontend/src/business/components/api/homepage/components/ScheduleTaskDetailCard.vue
index 59c5386970..3c2ac75d72 100644
--- a/frontend/src/business/components/api/homepage/components/ScheduleTaskDetailCard.vue
+++ b/frontend/src/business/components/api/homepage/components/ScheduleTaskDetailCard.vue
@@ -49,10 +49,5 @@ export default {
 }
 </script>
 <style scoped>
-.el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
-  text-align: center;
-  /*line-height: 200px;*/
-}
+
 </style>
diff --git a/frontend/src/business/components/api/homepage/components/ScheduleTaskInfoCard.vue b/frontend/src/business/components/api/homepage/components/ScheduleTaskInfoCard.vue
index 390a15269d..ead029291d 100644
--- a/frontend/src/business/components/api/homepage/components/ScheduleTaskInfoCard.vue
+++ b/frontend/src/business/components/api/homepage/components/ScheduleTaskInfoCard.vue
@@ -60,10 +60,8 @@ export default {
 </script>
 <style scoped>
 .el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
+  line-height: 100px;
   text-align: center;
-  /*line-height: 200px;*/
 }
 
 .countNumber{
diff --git a/frontend/src/business/components/api/homepage/components/TestCaseDetailCard.vue b/frontend/src/business/components/api/homepage/components/TestCaseDetailCard.vue
index 943128a2d2..fcbf770325 100644
--- a/frontend/src/business/components/api/homepage/components/TestCaseDetailCard.vue
+++ b/frontend/src/business/components/api/homepage/components/TestCaseDetailCard.vue
@@ -49,10 +49,5 @@ export default {
 }
 </script>
 <style scoped>
-.el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
-  text-align: center;
-  /*line-height: 200px;*/
-}
+
 </style>
diff --git a/frontend/src/business/components/api/homepage/components/TestCaseInfoCard.vue b/frontend/src/business/components/api/homepage/components/TestCaseInfoCard.vue
index 77617ef9c4..a1c4a1619c 100644
--- a/frontend/src/business/components/api/homepage/components/TestCaseInfoCard.vue
+++ b/frontend/src/business/components/api/homepage/components/TestCaseInfoCard.vue
@@ -59,10 +59,8 @@ export default {
 </script>
 <style scoped>
 .el-aside {
-  /*background-color: #D3DCE6;*/
-  /*color: #333;*/
+  line-height: 100px;
   text-align: center;
-  /*line-height: 200px;*/
 }
 
 .countNumber{