diff --git a/app/assets/javascripts/discourse/app/mixins/card-contents-base.js b/app/assets/javascripts/discourse/app/mixins/card-contents-base.js
index 39a3478cf02..652605151a3 100644
--- a/app/assets/javascripts/discourse/app/mixins/card-contents-base.js
+++ b/app/assets/javascripts/discourse/app/mixins/card-contents-base.js
@@ -203,6 +203,7 @@ export default Mixin.create({
             bottom: 10,
             left: 10,
           },
+          maxWidth: "unset",
         });
       } else {
         this._menuInstance = await this.menu.show(target, {
diff --git a/app/assets/stylesheets/common/components/user-card.scss b/app/assets/stylesheets/common/components/user-card.scss
index dbd0469bbde..5018bb13153 100644
--- a/app/assets/stylesheets/common/components/user-card.scss
+++ b/app/assets/stylesheets/common/components/user-card.scss
@@ -38,6 +38,7 @@
 // shared styles for user and group cards
 .user-card,
 .group-card {
+  min-width: 0;
   width: var(--card-width);
   color: var(--primary);
   background: var(--secondary) center center;
diff --git a/plugins/chat/assets/stylesheets/desktop/base-desktop.scss b/plugins/chat/assets/stylesheets/desktop/base-desktop.scss
index bea4f86e45f..ba17345c09d 100644
--- a/plugins/chat/assets/stylesheets/desktop/base-desktop.scss
+++ b/plugins/chat/assets/stylesheets/desktop/base-desktop.scss
@@ -1,5 +1,9 @@
 .fk-d-menu[data-identifier="card"] {
   z-index: z("usercard");
+  max-width: calc(100vw - 2em);
+  .fk-d-menu__inner-content {
+    min-width: 0;
+  }
 }
 
 .full-page-chat {