diff --git a/packages/vue-components/src/__tests__/__snapshots__/CardStack.spec.js.snap b/packages/vue-components/src/__tests__/__snapshots__/CardStack.spec.js.snap
index bbf7074739..d3b3e71494 100644
--- a/packages/vue-components/src/__tests__/__snapshots__/CardStack.spec.js.snap
+++ b/packages/vue-components/src/__tests__/__snapshots__/CardStack.spec.js.snap
@@ -78,6 +78,11 @@ exports[`CardStack markdown in header, content 1`] = `
       
     </div>
   </div>
+  <div
+    class="results-count"
+  >
+    0 result
+  </div>
 </div>
 `;
 
@@ -202,6 +207,11 @@ exports[`CardStack should not hide cards when no filter is provided 1`] = `
       
     </div>
   </div>
+  <div
+    class="results-count"
+  >
+    1 result
+  </div>
 </div>
 `;
 
@@ -281,5 +291,10 @@ exports[`CardStack should not hide cards when no filter is provided 2`] = `
       
     </div>
   </div>
+  <div
+    class="results-count"
+  >
+    0 result
+  </div>
 </div>
 `;
diff --git a/packages/vue-components/src/cardstack/Card.vue b/packages/vue-components/src/cardstack/Card.vue
index cecc41ef0b..7b5d680385 100644
--- a/packages/vue-components/src/cardstack/Card.vue
+++ b/packages/vue-components/src/cardstack/Card.vue
@@ -61,7 +61,7 @@ export default {
   },
   components: {
   },
-  inject: ['cardStackRef'], // Inject the ref
+  inject: ['cardStackRef'],
   computed: {
     computedWidth() {
       const block = this.$parent.$props.blocks;
diff --git a/packages/vue-components/src/cardstack/CardStack.vue b/packages/vue-components/src/cardstack/CardStack.vue
index 4fec2fa9e1..eed627d2b3 100644
--- a/packages/vue-components/src/cardstack/CardStack.vue
+++ b/packages/vue-components/src/cardstack/CardStack.vue
@@ -41,6 +41,9 @@
         <slot></slot>
       </div>
     </div>
+    <div class="results-count">
+      {{ matchingCardsCount }} result{{ matchingCardsCount > 1 ? 's' : '' }}
+    </div>
   </div>
 </template>
 
@@ -86,6 +89,9 @@ export default {
       const hasEnoughTags = this.cardStackRef.tagMapping.length > MIN_TAGS_FOR_SELECT_ALL;
       return isEnabled && hasEnoughTags;
     },
+    matchingCardsCount() {
+      return this.cardStackRef.children.filter(child => !child.computeDisabled).length;
+    },
   },
   watch: {
     'cardStackRef.tagMapping': {
@@ -242,18 +248,6 @@ export default {
         max-width: 25.4em;
     }
 
-    /* .tag-container {
-        display: flex;
-        flex-direction: row;
-        width: 50%;
-        text-align: right
-    } */
-
-    /* .tag-badge-container {
-        display: flex;
-        flex-flow: row wrap;
-        width: 100%;
-    } */
     .tag-badge {
         margin: 2px;
         cursor: pointer;
@@ -275,4 +269,11 @@ export default {
     .select-all-toggle .tag-indicator {
         margin-right: 1.5px;
     }
+
+    .results-count {
+        text-align: center;
+        margin-top: 15px;
+        color: #666;
+        font-size: 14px;
+    }
 </style>