diff --git a/html/src/app.js b/html/src/app.js
index 420d00cf..369f3bea 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -2455,20 +2455,6 @@ speechSynthesis.getVoices();
         return '';
     };
 
-    API.parseInviteLocation = function (ref) {
-        try {
-            var L = API.parseLocation(ref.details.worldId);
-            if (L.worldId && L.instanceId) {
-                return `${ref.details.worldName} #${L.instanceName} ${L.accessType}`;
-            }
-            return ref.message ||
-                ref.details.worldId ||
-                ref.details.worldName;
-        } catch (err) {
-            return '';
-        }
-    };
-
     // API: PlayerModeration
 
     API.cachedPlayerModerations = new Map();
diff --git a/html/src/index.pug b/html/src/index.pug
index ffbbe5dc..527b2871 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -439,7 +439,7 @@ html
                         template(v-once #default="scope")
                             el-tooltip(placement="top" v-if="scope.row.type === 'invite'")
                                 template(#content)
-                                    span(v-text="API.parseInviteLocation(scope.row)")
+                                    location(v-if="scope.row.details" :location="scope.row.details.worldId" :hint="scope.row.details.worldName" :link="false")
                                 span.x-link(v-text="scope.row.type" @click="showWorldDialog(scope.row.details.worldId)")
                             span(v-else v-text="scope.row.type")
                     el-table-column(label="User" prop="senderUsername" width="150")