diff --git a/web/components/menu.css b/web/components/menu.css
--- a/web/components/menu.css
+++ b/web/components/menu.css
@@ -50,6 +50,15 @@
   margin-top: 20px;
 }
 
+div.userProfileActions {
+  font-size: var(--s-font-14);
+  background-color: var(--menu-bg-light);
+  color: var(--menu-color);
+  stroke: var(--menu-color);
+  top: 24px;
+  right: -16px;
+}
+
 button.menuAction {
   color: inherit;
   z-index: 1;
diff --git a/web/components/menu.react.js b/web/components/menu.react.js
--- a/web/components/menu.react.js
+++ b/web/components/menu.react.js
@@ -10,7 +10,8 @@
   | 'thread-actions'
   | 'member-actions'
   | 'community-actions'
-  | 'role-actions';
+  | 'role-actions'
+  | 'user-profile';
 
 type MenuProps = {
   +icon: React.Node,
@@ -35,6 +36,7 @@
     [css.menuActionListMemberActions]: variant === 'member-actions',
     [css.menuActionListCommunityActions]: variant === 'community-actions',
     [css.menuActionListRoleActions]: variant === 'role-actions',
+    [css.userProfileActions]: variant === 'user-profile',
   });
 
   const menuActionList = React.useMemo(