diff --git a/app/assets/javascripts/discourse/app/components/user-menu-wrapper.js b/app/assets/javascripts/discourse/app/components/user-menu-wrapper.js
deleted file mode 100644
index c1d2b574db..0000000000
--- a/app/assets/javascripts/discourse/app/components/user-menu-wrapper.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import Component from "@ember/component";
-import layout from "discourse/templates/components/user-menu-wrapper";
-
-export default Component.extend({
-  layout,
-  tagName: "",
-
-  didInsertElement() {
-    this._super(...arguments);
-    this.appEvents.trigger("user-menu:rendered");
-  },
-});
diff --git a/app/assets/javascripts/discourse/app/components/user-menu/menu.hbs b/app/assets/javascripts/discourse/app/components/user-menu/menu.hbs
index 3ca2d7fd30..da8b762cdd 100644
--- a/app/assets/javascripts/discourse/app/components/user-menu/menu.hbs
+++ b/app/assets/javascripts/discourse/app/components/user-menu/menu.hbs
@@ -1,4 +1,4 @@
-<div class="user-menu revamped menu-panel drop-down" data-max-width="320">
+<div class="user-menu revamped menu-panel drop-down" data-max-width="320" {{did-insert this.triggerRenderedAppEvent}}>
   <div class="panel-body">
     <div class="panel-body-contents">
       <div
diff --git a/app/assets/javascripts/discourse/app/components/user-menu/menu.js b/app/assets/javascripts/discourse/app/components/user-menu/menu.js
index 9a2dc9149c..1d50097c08 100644
--- a/app/assets/javascripts/discourse/app/components/user-menu/menu.js
+++ b/app/assets/javascripts/discourse/app/components/user-menu/menu.js
@@ -52,4 +52,9 @@ export default class UserMenu extends GlimmerComponent {
       this.currentPanelComponent = tab.panelComponent;
     }
   }
+
+  @action
+  triggerRenderedAppEvent() {
+    this.appEvents.trigger("user-menu:rendered");
+  }
 }
diff --git a/app/assets/javascripts/discourse/app/templates/components/user-menu-wrapper.hbs b/app/assets/javascripts/discourse/app/templates/components/user-menu-wrapper.hbs
deleted file mode 100644
index 0258c0d0fb..0000000000
--- a/app/assets/javascripts/discourse/app/templates/components/user-menu-wrapper.hbs
+++ /dev/null
@@ -1 +0,0 @@
-<UserMenu::Menu/>
diff --git a/app/assets/javascripts/discourse/app/widgets/header.js b/app/assets/javascripts/discourse/app/widgets/header.js
index aaacaaf739..38ed0a6995 100644
--- a/app/assets/javascripts/discourse/app/widgets/header.js
+++ b/app/assets/javascripts/discourse/app/widgets/header.js
@@ -11,7 +11,8 @@ import { schedule } from "@ember/runloop";
 import { scrollTop } from "discourse/mixins/scroll-top";
 import { wantsNewWindow } from "discourse/lib/intercept-click";
 import { logSearchLinkClick } from "discourse/lib/search";
-import ComponentConnector from "discourse/widgets/component-connector";
+import RenderGlimmer from "discourse/widgets/render-glimmer";
+import { hbs } from "ember-cli-htmlbars";
 
 const _extraHeaderIcons = [];
 
@@ -338,9 +339,11 @@ createWidget("revamped-user-menu-wrapper", {
 
   html() {
     return [
-      new ComponentConnector(this, "user-menu-wrapper", {}, [], {
-        applyStyle: false,
-      }),
+      new RenderGlimmer(
+        this,
+        "div.widget-component-connector",
+        hbs`<UserMenu::Menu />`
+      ),
     ];
   },