diff --git a/packages/text-editor/src/components/CollaborationUsers.svelte b/packages/text-editor/src/components/CollaborationUsers.svelte
index b050806464..6db5654b95 100644
--- a/packages/text-editor/src/components/CollaborationUsers.svelte
+++ b/packages/text-editor/src/components/CollaborationUsers.svelte
@@ -66,32 +66,22 @@
 </script>
 
 {#if states.length > 0}
-  <div class="container flex-col flex-gap-2 pt-2">
-    {#each states as state}
-      <Button
-        kind="icon"
-        shape="round-small"
-        padding="0"
-        size="x-small"
-        noFocus
-        on:click={(e) => {
-          e.preventDefault()
-          e.stopPropagation()
-          goToCursor(state)
-        }}
-      >
-        <svelte:fragment slot="icon">
-          <svelte:component this={component} user={state.user} lastUpdate={state.lastUpdate ?? 0} size={'x-small'} />
-        </svelte:fragment>
-      </Button>
-    {/each}
-  </div>
+  {#each states as state}
+    <Button
+      kind="icon"
+      shape="round-small"
+      padding="0"
+      size="x-small"
+      noFocus
+      on:click={(e) => {
+        e.preventDefault()
+        e.stopPropagation()
+        goToCursor(state)
+      }}
+    >
+      <svelte:fragment slot="icon">
+        <svelte:component this={component} user={state.user} lastUpdate={state.lastUpdate ?? 0} size={'x-small'} />
+      </svelte:fragment>
+    </Button>
+  {/each}
 {/if}
-
-<style lang="scss">
-  .container {
-    position: sticky;
-    top: 0;
-    width: 1.5rem;
-  }
-</style>
diff --git a/packages/text-editor/src/components/CollaborativeTextEditor.svelte b/packages/text-editor/src/components/CollaborativeTextEditor.svelte
index 049e824883..7cd3df83de 100644
--- a/packages/text-editor/src/components/CollaborativeTextEditor.svelte
+++ b/packages/text-editor/src/components/CollaborativeTextEditor.svelte
@@ -556,9 +556,11 @@
 
   <div class="textInput">
     <div class="select-text" class:hidden={loading} style="width: 100%;" bind:this={element} />
-    {#if remoteProvider && editor && userComponent}
-      <CollaborationUsers provider={remoteProvider} {editor} component={userComponent} />
-    {/if}
+    <div class="collaborationUsers-container flex-col flex-gap-2 pt-2">
+      {#if remoteProvider && editor && userComponent}
+        <CollaborationUsers provider={remoteProvider} {editor} component={userComponent} />
+      {/if}
+    </div>
   </div>
 
   {#if refActions.length > 0}
@@ -630,6 +632,11 @@
       }
     }
   }
+  .collaborationUsers-container {
+    position: sticky;
+    top: 0;
+    min-width: 1.5rem;
+  }
 
   .hidden {
     display: none;