diff --git a/js/src/components/Account/ActorCard.vue b/js/src/components/Account/ActorCard.vue
index 0cbfe708e..32eb19f61 100644
--- a/js/src/components/Account/ActorCard.vue
+++ b/js/src/components/Account/ActorCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{ clickable: popover }">
+  <div>
     <div class="media" style="align-items: top;">
       <div class="media-left">
         <figure class="image is-32x32" v-if="actor.avatar">
@@ -36,10 +36,6 @@ export default class ActorCard extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-.clickable {
-  cursor: pointer;
-}
-
 .summary.limit {
   max-width: 25rem;
   display: -webkit-box;
diff --git a/js/src/components/Account/PopoverActorCard.vue b/js/src/components/Account/PopoverActorCard.vue
index 0af626c95..a61d08880 100644
--- a/js/src/components/Account/PopoverActorCard.vue
+++ b/js/src/components/Account/PopoverActorCard.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-popover offset="16" trigger="hover" :class="{ inline }" class="clickable">
+  <v-popover
+    offset="16"
+    trigger="hover"
+    class="popover"
+    :class="{ inline, clickable: actor && actor.type === ActorType.GROUP }"
+  >
     <slot></slot>
     <template slot="popover" class="popover">
       <actor-card :full="true" :actor="actor" :popover="true" />
@@ -8,7 +13,7 @@
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
-import { IActor } from "../../types/actor";
+import { IActor, ActorType } from "../../types/actor";
 import ActorCard from "./ActorCard.vue";
 
 @Component({
@@ -20,6 +25,8 @@ export default class PopoverActorCard extends Vue {
   @Prop({ required: true, type: Object }) actor!: IActor;
 
   @Prop({ required: false, type: Boolean, default: false }) inline!: boolean;
+
+  ActorType = ActorType;
 }
 </script>
 
@@ -27,6 +34,9 @@ export default class PopoverActorCard extends Vue {
 .inline {
   display: inline;
 }
+.popover {
+  cursor: default;
+}
 .clickable {
   cursor: pointer;
 }