diff --git a/packages/client/src/ui/_common_/statusbar-user-list.vue b/packages/client/src/ui/_common_/statusbar-user-list.vue
index 01240dc6bc..2757e9118d 100644
--- a/packages/client/src/ui/_common_/statusbar-user-list.vue
+++ b/packages/client/src/ui/_common_/statusbar-user-list.vue
@@ -6,7 +6,7 @@
-
+
@@ -91,11 +91,18 @@ useInterval(tick, Math.max(5000, props.refreshIntervalSec * 1000), {
margin-right: 8px;
}
+ > .text {
+ > .text {
+ display: inline-block;
+ vertical-align: bottom;
+ }
+ }
+
> .divider {
display: inline-block;
width: 0.5px;
height: 16px;
- margin: 0 1em;
+ margin: 0 2em;
background: currentColor;
opacity: 0;
}
diff --git a/packages/client/src/ui/_common_/statusbars.vue b/packages/client/src/ui/_common_/statusbars.vue
index 7b3a68ec45..c18771c54f 100644
--- a/packages/client/src/ui/_common_/statusbars.vue
+++ b/packages/client/src/ui/_common_/statusbars.vue
@@ -29,25 +29,30 @@ const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue')