diff --git a/packages/tldraw/src/components/TopPanel/MultiplayerMenu/MultiplayerMenu.tsx b/packages/tldraw/src/components/TopPanel/MultiplayerMenu/MultiplayerMenu.tsx
index 367150fa9..f16118d58 100644
--- a/packages/tldraw/src/components/TopPanel/MultiplayerMenu/MultiplayerMenu.tsx
+++ b/packages/tldraw/src/components/TopPanel/MultiplayerMenu/MultiplayerMenu.tsx
@@ -95,12 +95,8 @@ export const MultiplayerMenu = React.memo(function MultiplayerMenu() {
 
   return (
     <DropdownMenu.Root dir="ltr">
-      <DMTriggerIcon id="TD-MultiplayerMenuIcon">
-        {room ? (
-          <PersonIcon strokeWidth={0.5} stroke={'black'} />
-        ) : (
-          <PersonIcon strokeWidth={0.25} stroke={'black'} />
-        )}
+      <DMTriggerIcon id="TD-MultiplayerMenuIcon" isActive={!!room}>
+        <PersonIcon />
       </DMTriggerIcon>
       <DMContent variant="menu" align="start" id="TD-MultiplayerMenu">
         <DMItem id="TD-Multiplayer-CopyInviteLink" onClick={handleCopySelect} disabled={!room}>