diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index aa6ea25..b53ab47 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -68,10 +68,11 @@
 
         <v-btn
             :class="{'comment-active': hasMessages}"
+            icon="true"
             variant="plain"
-            icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+          {{ messages.length }}
         </v-btn>
 
         <donation-button :color-border="colorMenu"
diff --git a/src/views/contents/contentcards/NContentCard.vue b/src/views/contents/contentcards/NContentCard.vue
index d2a187b..3880652 100644
--- a/src/views/contents/contentcards/NContentCard.vue
+++ b/src/views/contents/contentcards/NContentCard.vue
@@ -68,10 +68,11 @@
 
         <v-btn
             :class="{'comment-active': hasMessages}"
+            icon="true"
             variant="plain"
-            icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+          {{ messages.length }}
         </v-btn>
 
         <donation-button :color-border="colorMenu"
diff --git a/src/views/contents/contentcards/SmContentCard.vue b/src/views/contents/contentcards/SmContentCard.vue
index 6ec31c0..d32f485 100644
--- a/src/views/contents/contentcards/SmContentCard.vue
+++ b/src/views/contents/contentcards/SmContentCard.vue
@@ -68,10 +68,11 @@
 
         <v-btn
             :class="{'comment-active': hasMessages}"
+            icon="true"
             variant="plain"
-            icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+          {{ messages.length }}
         </v-btn>
 
         <donation-button :color-border="colorMenu"