diff --git a/web/styles/popovers.css b/web/styles/popovers.css
index 3395bbc847..d8228d73c4 100644
--- a/web/styles/popovers.css
+++ b/web/styles/popovers.css
@@ -103,6 +103,15 @@
     }
 }
 
+/* Used extra classes to override styles from .nav */
+.tippy-box .tippy-content .user-card-popover-content {
+    padding: 5px 0;
+
+    .user-card-popover-actions {
+        margin: 0;
+    }
+}
+
 .user-card-popover-actions .custom_user_field {
     display: flex;
     align-items: center;
diff --git a/web/templates/popovers/user_card/user_card_popover.hbs b/web/templates/popovers/user_card/user_card_popover.hbs
index a2c08e80d2..954504cf56 100644
--- a/web/templates/popovers/user_card/user_card_popover.hbs
+++ b/web/templates/popovers/user_card/user_card_popover.hbs
@@ -1,6 +1,6 @@
 {{! Contents of the user card popover }}
 <div class="user-card-popover-title no-auto-hide-right-sidebar-overlay"></div>
-<div class="popover-content no-auto-hide-right-sidebar-overlay">
+<div class="user-card-popover-content no-auto-hide-right-sidebar-overlay">
     <ul class="nav nav-list user-card-popover-actions" id="user_card_popover" data-user-id="{{user_id}}">
         <li class="popover_user_name_row">
             <b class="user_full_name" data-tippy-content="{{user_full_name}}">{{user_full_name}}</b>