diff --git a/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue b/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue
index 6049543..655ac28 100644
--- a/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue
+++ b/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue
@@ -46,6 +46,7 @@ export default {
 </script>
 <style scoped>
 .state-box {
-  height: calc(15px * var(--beilv))
+  height: 18px;
+  line-height: 18px;
 }
 </style>
diff --git a/src/views/orderManage/orderManagerCockpit/components/workOrder.vue b/src/views/orderManage/orderManagerCockpit/components/workOrder.vue
index a84c852..f507fc3 100644
--- a/src/views/orderManage/orderManagerCockpit/components/workOrder.vue
+++ b/src/views/orderManage/orderManagerCockpit/components/workOrder.vue
@@ -93,6 +93,26 @@ export default {
       background: #366F5D;
     }
   }
+  ::-webkit-scrollbar {
+    width: calc(8px * var(--beilv));
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: #14243f;
+    border-radius: 0;
+  }
+
+  ::-webkit-scrollbar-button {
+    width: calc(8px * var(--beilv));
+    height: calc(8px * var(--beilv));
+    background: #5bc4bf9f;
+    position: relative;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border-radius: calc(8px * var(--beilv));
+    background: #5bc4bf9f;
+  }
 }
 .progress-box {
   border-radius: 5px;