From 0e0f34edd89ca16273b175d16c87831f72dd97b9 Mon Sep 17 00:00:00 2001
From: Milos Vetesnik <maielo.mv@gmail.com>
Date: Thu, 1 Feb 2024 15:03:15 +0100
Subject: [PATCH] fix: follow mode border for hosts apps (#7642)

---
 .../components/FollowMode/FollowMode.tsx      | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/packages/excalidraw/components/FollowMode/FollowMode.tsx b/packages/excalidraw/components/FollowMode/FollowMode.tsx
index da91ad42e5..dc1746ca85 100644
--- a/packages/excalidraw/components/FollowMode/FollowMode.tsx
+++ b/packages/excalidraw/components/FollowMode/FollowMode.tsx
@@ -16,25 +16,20 @@ const FollowMode = ({
   onDisconnect,
 }: FollowModeProps) => {
   return (
-    <div style={{ position: "relative" }}>
-      <div className="follow-mode" style={{ width, height }}>
-        <div className="follow-mode__badge">
-          <div className="follow-mode__badge__label">
-            Following{" "}
-            <span
-              className="follow-mode__badge__username"
-              title={userToFollow.username}
-            >
-              {userToFollow.username}
-            </span>
-          </div>
-          <button
-            onClick={onDisconnect}
-            className="follow-mode__disconnect-btn"
+    <div className="follow-mode" style={{ width, height }}>
+      <div className="follow-mode__badge">
+        <div className="follow-mode__badge__label">
+          Following{" "}
+          <span
+            className="follow-mode__badge__username"
+            title={userToFollow.username}
           >
-            {CloseIcon}
-          </button>
+            {userToFollow.username}
+          </span>
         </div>
+        <button onClick={onDisconnect} className="follow-mode__disconnect-btn">
+          {CloseIcon}
+        </button>
       </div>
     </div>
   );