diff --git a/src/views/device/components/DeviceCard.vue b/src/views/device/components/DeviceCard.vue
index 3fb0d57..ab0795e 100644
--- a/src/views/device/components/DeviceCard.vue
+++ b/src/views/device/components/DeviceCard.vue
@@ -114,6 +114,8 @@ const isEnabledClass = computed(() => [
       right: -1px;
       width: 48px;
       height: 24px;
+      font-size: 14px;
+      line-height: 24px;
       color: #fff;
       text-align: center;
       background-color: #52c41a;
diff --git a/src/views/device/index.vue b/src/views/device/index.vue
index 1bb1950..0c2d71a 100644
--- a/src/views/device/index.vue
+++ b/src/views/device/index.vue
@@ -135,11 +135,11 @@ onMounted(() => {
                   v.deviceSort.toLowerCase().includes(searchValue.toLowerCase())
                 )"
               :key="index"
-              :xs="8"
-              :sm="8"
+              :xs="6"
+              :sm="6"
               :md="8"
               :lg="8"
-              :xl="8"
+              :xl="6"
             >
               <DeviceCard :device="device" />
             </el-col>
diff --git a/src/views/serverModule/components/ServerCard.vue b/src/views/serverModule/components/ServerCard.vue
index 1e82990..88b7163 100644
--- a/src/views/serverModule/components/ServerCard.vue
+++ b/src/views/serverModule/components/ServerCard.vue
@@ -74,6 +74,7 @@ const stateClass = computed(() => [
       right: 0;
       width: 48px;
       height: 24px;
+      font-size: 14px;
       color: #fff;
       text-align: center;
       background-color: #52c41a;