diff --git a/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss b/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
index 4c7d0656a..256fb8b1e 100644
--- a/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
+++ b/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
@@ -22,4 +22,13 @@
     font-size: 14px;
     line-height: 14px;
   }
+  .user-name-td{
+    display: flex;
+    align-items: center;
+    .user-online{
+      margin-right: 5px;
+      margin-left: -10px;
+      color: #38cc20;
+    }
+  }
 }
diff --git a/nezha-fronted/src/components/common/table/settings/userTable.vue b/nezha-fronted/src/components/common/table/settings/userTable.vue
index 59abdb306..e727c1f1a 100644
--- a/nezha-fronted/src/components/common/table/settings/userTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/userTable.vue
@@ -32,18 +32,21 @@
       :width="`${item.width}`"
     >
       <template slot="header">
-        <span class="data-column__span">{{item.label}}</span>
+        <span class="data-column__span" :class="{'margin-l-10': item.prop === 'name'}">{{item.label}}</span>
         <div class="col-resize-area"></div>
       </template>
       <template slot-scope="scope" :column="item">
         <template v-if="item.prop === 'name'">
-          <div>
-            <div class="flex-align-center">
-              <span class="user-name-top">{{scope.row[item.prop]}}</span>
-              <el-tag size="mini" v-if="mfaEnable == '1' || scope.row.mfaLevel > 0" style="margin-left: 5px">2FA</el-tag>
-            </div>
-            <div class="user-name-bottom">
-              @{{scope.row.username}}
+          <div class="user-name-td" :class="{'margin-l-10': !scope.row.online}">
+            <i class="nz-icon nz-icon-user1 user-online" v-if="scope.row.online"/>
+            <div>
+              <div class="flex-align-center">
+                <span class="user-name-top">{{scope.row[item.prop]}}</span>
+                <el-tag size="mini" v-if="mfaEnable == '1' || scope.row.mfaLevel > 0" style="margin-left: 5px">2FA</el-tag>
+              </div>
+              <div class="user-name-bottom">
+                @{{scope.row.username}}
+              </div>
             </div>
           </div>
         </template>