diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
index 6f1254375..e0a14a831 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
@@ -73,6 +73,10 @@ export default {
       type: Object,
       default: null,
     },
+    isMobile: {
+      type: Boolean,
+      default: () => false
+    },
   },
   data: () => ({
     linkedKudosList: [],
@@ -137,9 +141,6 @@ export default {
       }
       return false;
     },
-    isMobile() {
-      return this.$vuetify.breakpoint.name === 'sm' || this.$vuetify.breakpoint.name === 'xs';
-    },
   },
   created() {
     this.$root.$on('activity-comment-created', this.resetActivity);