diff --git a/packages/search-site/src/index.ejs b/packages/search-site/src/index.ejs
index be4f1f1..d6109a7 100644
--- a/packages/search-site/src/index.ejs
+++ b/packages/search-site/src/index.ejs
@@ -239,9 +239,22 @@
       });
 
       Vue.component('strain-card', {
+        data() {
+          const favs = store.get('favorites') || [];
+
+          return {
+            favorite: favs.indexOf(this.strain.id) >= 0,
+          };
+        },
         props: {
           strain: Object,
         },
+        methods: {
+          toggleFavorite(id) {
+            this.favorite = !this.favorite;
+            emitter.emit('favorite', { id: this.strain.id, isFav: this.favorite });
+          }
+        },
         template: `
           <div class="card">
             <header class="card-header">
@@ -259,6 +272,11 @@
               <tag-list title="Conditions" :tags="strain.conditions" />
               <tag-list title="Flavors" :tags="strain.flavors" />
             </div>
+            <footer class="card-footer">
+              <div class="card-footer-item">
+                <button class="button" :class="{ 'is-success': favorite }" @click.prevent="toggleFavorite(strain.id)">Save</button>
+              </div>
+            </footer>
           </div>
         `,
       });