diff --git a/frontend/src/views/Cluster/MachineDetail/Index.vue b/frontend/src/views/Cluster/MachineDetail/Index.vue
index 096212523b4a8b0d6793fe41a9a2225ededdb44c..cf3bc66c7f664cfda8f8b2edb3302086d57d85d5 100644
--- a/frontend/src/views/Cluster/MachineDetail/Index.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="content">
-        <el-tabs v-model="activePane">
+        <el-tabs class="tab" v-model="activePane">
             <el-tab-pane name="base" label="机器信息">
                 <Base />
             </el-tab-pane>
@@ -42,4 +42,24 @@ const activePane = ref("base")
 
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.content {
+    width: 100%;
+    height: 100%;
+
+    .tab {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        :deep(.el-tabs__content) {
+            flex: 1;
+
+            .el-tab-pane {
+                height: 100%;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/Cluster/MachineDetail/User.vue b/frontend/src/views/Cluster/MachineDetail/User.vue
index b96e1787cd587374f6f38af8ea9c4a954a16eebb..cfdf3f80e4abc5d861eb91bfd03b835e5573fa97 100644
--- a/frontend/src/views/Cluster/MachineDetail/User.vue
+++ b/frontend/src/views/Cluster/MachineDetail/User.vue
@@ -29,4 +29,47 @@ import { ref } from "vue";
 const userName = ref("")
 
 </script>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.content {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .users {
+      width: 100%;
+      height: 20%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .current {
+        width: 20%;
+        height: 100%;
+        font-weight: bold;
+        color: rgb(92, 85, 85);
+        border: 1px solid rgb(236, 235, 255);
+        background: rgb(236, 235, 255);
+        border-radius: 10px;
+        display: flex;
+        align-items: center;
+        svg {
+          width: 36%;
+          height: 100%;
+        }
+      }
+      .search {
+        width: 70%;
+      }
+    }
+    .info {
+      width: 100%;
+      height: 80%;
+      display: flex;
+      flex-direction: column;
+      .title {
+        width: 30%;
+        margin: 2% 0;
+      }
+    }
+ }
+ </style>
\ No newline at end of file
diff --git a/frontend/src/views/Home/Home.vue b/frontend/src/views/Home/Home.vue
index fed29af35efb10d8be86655cbbbef4cc1a195823..34ff2f33a1bd84c87d0577814d84cd60e922e345 100644
--- a/frontend/src/views/Home/Home.vue
+++ b/frontend/src/views/Home/Home.vue
@@ -116,7 +116,7 @@ function doLogout() {
 </script>
 
 
-<style lang="scss">
+<style lang="scss" scoped>
 .el-popover.el-popper {
     min-width: 100px;
     width: auto !important;