diff --git a/javascripts/discourse/initializers/user-card-directory.js b/javascripts/discourse/initializers/user-card-directory.js
index 9cda2fe..43c8844 100644
--- a/javascripts/discourse/initializers/user-card-directory.js
+++ b/javascripts/discourse/initializers/user-card-directory.js
@@ -1,8 +1,9 @@
 import { withPluginApi } from "discourse/lib/plugin-api";
 import discourseComputed from "discourse-common/utils/decorators";
 import User from "discourse/models/user";
-import EmberObject from "@ember/object";
+import EmberObject, { action } from "@ember/object";
 import { ajax } from "discourse/lib/ajax";
+import DiscourseURL, { userPath } from "discourse/lib/url";
 
 export default {
   name: "user-card-directory",
@@ -107,6 +108,11 @@ export default {
 
           return userCardInfos;
         },
+
+        @action
+        userCardShowUser(user) {
+          DiscourseURL.routeTo(userPath(user.username_lower));
+        },
       });
     });
   },
diff --git a/javascripts/discourse/templates/users-as-card-directory.hbs b/javascripts/discourse/templates/users-as-card-directory.hbs
index 49b517b..4871eb7 100644
--- a/javascripts/discourse/templates/users-as-card-directory.hbs
+++ b/javascripts/discourse/templates/users-as-card-directory.hbs
@@ -71,6 +71,7 @@
                     visible=true
                     loading=userCard.loading
                     username=userCard.user.username
+                    showUser=this.userCardShowUser
                   }}
                   {{#if (theme-setting "show_stats")}}
                     <div class="user-card-directory-footer">