diff --git a/app/assets/stylesheets/common/foundation/variables.scss b/app/assets/stylesheets/common/foundation/variables.scss
index b33fce09657..1bcdf15cbba 100644
--- a/app/assets/stylesheets/common/foundation/variables.scss
+++ b/app/assets/stylesheets/common/foundation/variables.scss
@@ -95,6 +95,7 @@ $z-layers: (
   "header": 1000,
   "footer-nav": 900,
   "tooltip": 600,
+  "usercard": 500,
   "composer": (
     "dropdown": 700,
     "tooltip": 600,
@@ -102,7 +103,6 @@ $z-layers: (
     "content": 400,
   ),
   "dropdown": 300,
-  "usercard": 200,
   "timeline": 100,
   "base": 1,
 );
diff --git a/plugins/chat/assets/stylesheets/common/chat-drawer.scss b/plugins/chat/assets/stylesheets/common/chat-drawer.scss
index 411e16fe351..10718d25d9d 100644
--- a/plugins/chat/assets/stylesheets/common/chat-drawer.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-drawer.scss
@@ -26,7 +26,7 @@ html.rtl {
 
 .chat-drawer-outlet-container {
   // higher than timeline, lower than composer, lower than user card (bump up below)
-  z-index: z("usercard");
+  z-index: z("composer", "content") - 1;
   position: fixed;
   right: var(--composer-right, 20px);
   left: 0;
diff --git a/plugins/chat/assets/stylesheets/desktop/base-desktop.scss b/plugins/chat/assets/stylesheets/desktop/base-desktop.scss
index ade3abdf4c4..bea4f86e45f 100644
--- a/plugins/chat/assets/stylesheets/desktop/base-desktop.scss
+++ b/plugins/chat/assets/stylesheets/desktop/base-desktop.scss
@@ -1,6 +1,5 @@
-.user-card,
-.group-card {
-  z-index: z("usercard") + 1; // bump up user card
+.fk-d-menu[data-identifier="card"] {
+  z-index: z("usercard");
 }
 
 .full-page-chat {