diff --git a/src/components/search/custom-semantic-queries.vue b/src/components/search/custom-semantic-queries.vue
index bb79a8cb..91a456f0 100644
--- a/src/components/search/custom-semantic-queries.vue
+++ b/src/components/search/custom-semantic-queries.vue
@@ -20,7 +20,7 @@
               <ArrowRightIcon class="x-icon-lg" />
             </BaseEventButton>
           </template>
-          <DisplayClickProvider feature="semantics">
+          <DisplayClickProvider resultFeature="semantics">
             <div class="x-flex x-gap-16 x-pt-16 max-desktop:x-px-16">
               <Result
                 v-for="result in results"
diff --git a/src/components/search/display-click-provider.vue b/src/components/search/display-click-provider.vue
index 92a49959..c0c7bba9 100644
--- a/src/components/search/display-click-provider.vue
+++ b/src/components/search/display-click-provider.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-  import { NoElement, ResultFeature, use$x } from '@empathyco/x-components';
+  import { DisplayWireMetadata, NoElement, ResultFeature, use$x } from '@empathyco/x-components';
   import { computed, defineComponent, PropType, provide } from 'vue';
 
   export default defineComponent({
@@ -13,7 +13,7 @@
       NoElement
     },
     props: {
-      feature: {
+      resultFeature: {
         type: String as PropType<ResultFeature>,
         required: true
       },
@@ -25,9 +25,9 @@
     setup(props) {
       const $x = use$x();
 
-      const displayClickMetadata = computed(() => ({
+      const displayClickMetadata = computed<Partial<DisplayWireMetadata>>(() => ({
         displayOriginalQuery: $x.query.search,
-        feature: props.feature
+        feature: props.resultFeature
       }));
 
       provide('resultClickExtraEvents', ['UserClickedADisplayResult']);