diff --git a/src/components/HostCenter/workReportBox.vue b/src/components/HostCenter/workReportBox.vue
index 7c8551f..d4a5e76 100644
--- a/src/components/HostCenter/workReportBox.vue
+++ b/src/components/HostCenter/workReportBox.vue
@@ -94,20 +94,19 @@ watch(
   (newType) => {
     if (newType == 'In Progress') {
       backgroundImage.value = 'linear-gradient(112deg, #759CFF 5.66%, #3D73FF 42.49%)'
-      fontSize.value = '1.1em'
+      fontSize.value = '0.9em'
     }
-
     if (newType == 'Pending') {
       backgroundImage.value = 'linear-gradient(112deg, #FF7578 5.66%, #FF3D40 42.49%)'
-      fontSize.value = '1.1em'
+      fontSize.value = '1em'
     }
     if (newType == 'Completed') {
       backgroundImage.value = 'linear-gradient(112deg, #75FF98 5.66%, #3DFF54 42.49%)'
-      fontSize.value = '1.1em'
+      fontSize.value = '1em'
     }
     if (newType == 'Out Of Account') {
       backgroundImage.value = 'linear-gradient(112deg, #BDBDBD 5.66%, #AEAEAE 42.49%)'
-      fontSize.value = '0.9em'
+      fontSize.value = '0.7em'
     }
     return
   },
@@ -123,7 +122,6 @@ watch(
 }
 
 .type {
-  font-size: 0.9em;
   color: #fff;
   font-weight: 600;
 }
@@ -148,7 +146,7 @@ watch(
 
 @media screen and (min-width: 360px) {
   * {
-    font-size: 12px;
+    font-size: 16px;
   }
 }