diff --git a/html/index.html b/html/index.html
index 6cace7bf..cbb094e0 100644
--- a/html/index.html
+++ b/html/index.html
@@ -894,11 +894,9 @@
 								<i class="x-user-status" :class="userStatusClass(userDialog.ref)"></i>
 							</el-tooltip>
 							<span v-text="userDialog.ref.displayName" style="font-weight:bold"></span>
-						</div>
-						<div style="margin-top:5px">
 							<el-popover placement="top" trigger="click">
-								<span style="display:block;text-align:center;font-family:monospace">{{ userDialog.ref.username | textToHex }}</span>
-								<span slot="reference" v-text="userDialog.ref.username" style="color:#909399;font-family:monospace;cursor:pointer"></span>
+								<span style="display:block;text-align:center;font-family:monospace;">{{ userDialog.ref.username | textToHex }}</span>
+								<span slot="reference" v-text="userDialog.ref.username" style="margin-left:5px;color:#909399;font-family:monospace;font-size:12px;cursor:pointer"></span>
 							</el-popover>
 						</div>
 						<div style="margin-top:5px">