diff --git a/app/components/cards/public-activity-card-small.hbs b/app/components/cards/public-activity-card-small.hbs
index 51e484ea7..19af7576f 100644
--- a/app/components/cards/public-activity-card-small.hbs
+++ b/app/components/cards/public-activity-card-small.hbs
@@ -2,7 +2,7 @@
   itemscope
   itemtype='https://schema.org/Event'
   class='card-body p-0'
-  {{action action}}
+  {{on 'click' @action}}
 >
   <div class='d-flex' data-test-public-activity-card>
     <div
diff --git a/app/components/public/index/activities.hbs b/app/components/public/index/activities.hbs
index 9ef237adf..7d39ecea8 100644
--- a/app/components/public/index/activities.hbs
+++ b/app/components/public/index/activities.hbs
@@ -6,10 +6,10 @@
       <div class="row">
         {{#each activityPair as |activity|}}
           <div class="{{if doubleActivityColumns "col-md-6" "col-md-12"}}">
-            {{cards/public-activity-card-small
-          activity
-          action=(action 'openModal' activity)
-        }}
+            <Cards::PublicActivityCardSmall
+              @activity={{activity}}
+              @action={{fn this.openModal activity}}>
+            </Cards::PublicActivityCardSmall>
           </div>
         {{/each}}
       </div>