diff --git a/web/src/personal_menu_popover.js b/web/src/personal_menu_popover.js
index 046de30086..06db86a00d 100644
--- a/web/src/personal_menu_popover.js
+++ b/web/src/personal_menu_popover.js
@@ -1,5 +1,4 @@
 import $ from "jquery";
-import * as tippy from "tippy.js";
 
 import render_navbar_personal_menu_popover from "../templates/popovers/navbar/navbar_personal_menu_popover.hbs";
 
@@ -37,11 +36,6 @@ export function initialize() {
             const $popper = $(instance.popper);
             popover_menus.popover_instances.personal_menu = instance;
 
-            tippy.default(".personal-menu-clear-status", {
-                placement: "top",
-                appendTo: document.body,
-            });
-
             $popper.on("change", "input[name='theme-select']", (e) => {
                 const new_theme_code = $(e.currentTarget).attr("data-theme-code");
                 channel.patch({
diff --git a/web/src/tippyjs.ts b/web/src/tippyjs.ts
index 490196c4ba..5127ff04e8 100644
--- a/web/src/tippyjs.ts
+++ b/web/src/tippyjs.ts
@@ -601,6 +601,12 @@ export function initialize(): void {
         },
     });
 
+    tippy.delegate("body", {
+        target: ".personal-menu-clear-status",
+        placement: "top",
+        appendTo: () => document.body,
+    });
+
     tippy.delegate("body", {
         /*
             The tooltip for new user group button (+) icon button on #groups