diff --git a/src/components/player/online-status.tsx b/src/components/player/online-status.tsx
index 31b3cf4..c0526b3 100644
--- a/src/components/player/online-status.tsx
+++ b/src/components/player/online-status.tsx
@@ -23,7 +23,15 @@ export function OnlineStatus({ lastLogin, lastLogout }: { lastLogin: number | un
             controller.abort()
         }
     })
+    return (
+        <>
+            <OnlineIcon lastLogout={lastLogout} lastLogin={lastLogin} size={size} />
+            <Tooltip id="online-status" position={pos} />
+        </>
+    )
+}
 
+function OnlineIcon({ lastLogout, lastLogin, size }: { lastLogout?: number, lastLogin?: number, size: number }) {
     if (!lastLogout || !lastLogin) {
         return (
             <>
@@ -35,7 +43,6 @@ export function OnlineStatus({ lastLogin, lastLogout }: { lastLogin: number | un
                     className="text-mc-gray"
                     size={size}
                 />
-                <Tooltip id="online-status" position={pos} />
             </>
         )
     }
@@ -51,7 +58,6 @@ export function OnlineStatus({ lastLogin, lastLogout }: { lastLogin: number | un
                     className="text-mc-gray"
                     size={size}
                 />
-                <Tooltip id="online-status" position={pos} />
             </>
         )
     }
@@ -66,7 +72,6 @@ export function OnlineStatus({ lastLogin, lastLogout }: { lastLogin: number | un
                 className="text-mc-green"
                 size={size}
             />
-            <Tooltip id="online-status" position={pos} />
         </>
     )
 }