From c27fe2e159336faa19e0709a8e2c65a042c98813 Mon Sep 17 00:00:00 2001
From: Federico Ruggi <1081051+ruggi@users.noreply.github.com>
Date: Mon, 2 Sep 2024 15:01:44 +0200
Subject: [PATCH] Fix owner badge position while loading (#6285)

**Problem:**

The owner badge is shown in a really bad place for the single player
user bar which is displayed while loading the editor/LB.


https://github.com/user-attachments/assets/b3922933-7cd6-444b-b1d2-a95b9aa4e38b


**Fix:**

Make the bar itself use `position: relative`.

_Note: we could also just remove the owner badge at all from single user
bar, but I kept it for now to not change anything functionally._
---
 editor/src/components/user-bar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/editor/src/components/user-bar.tsx b/editor/src/components/user-bar.tsx
index 131bb7514f93..7c2c085cda1c 100644
--- a/editor/src/components/user-bar.tsx
+++ b/editor/src/components/user-bar.tsx
@@ -11,7 +11,6 @@ import {
   getConnectionById,
   useCollaborators,
   useConnections,
-  useMyUserAndPresence,
 } from '../core/commenting/comment-hooks'
 import type { FollowTarget, MultiplayerColor } from '../core/shared/multiplayer'
 import {
@@ -93,6 +92,7 @@ const SinglePlayerUserBar = React.memo(() => {
     <FlexRow
       onClick={handleCopyToClipboard}
       css={{
+        position: 'relative',
         background: colorTheme.primary30.value,
         borderRadius: 24,
         height: 24,