1 files changed, 9 insertions, 5 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index bc4e093..c183d7e 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -1490,12 +1490,17 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 }
 
 .video-loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   text-align: center;
   color: #94a3b8;
+  pointer-events: none;
+  z-index: 1;
 }
 
 .video-loading-label {
-  margin-bottom: 16px;
   font-size: 0.95em;
 }
 
@@ -2287,23 +2292,22 @@ a.transfer-name {
   min-width: 0;
 }
 
-/* Group name + its @owner handle, stacked. Names are unique only per owner
+/* Group name + its @owner handle, on one line. Names are unique only per owner
    account, so the handle is what tells two "photos" groups apart. */
-.gn { display: block; min-width: 0; }
+.gn { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
 .gn-name {
-  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .gn-owner {
-  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 0.8em;
   font-weight: 400;
   color: var(--text-dim);
+  flex-shrink: 0;
 }
 h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; }