diff --git a/src/components/ItemCard.vue b/src/components/ItemCard.vue
index 8a406ef2..c60abaf8 100644
--- a/src/components/ItemCard.vue
+++ b/src/components/ItemCard.vue
@@ -17,6 +17,8 @@ defineProps<{
       height: 195px;
     "
     bordered
+    class="cursor-pointer"
+    @click="$emit('trigger')"
   >
     <div class="column" style="height: 100%">
       <div class="col-9 flex justify-center items-center">
@@ -27,8 +29,7 @@ defineProps<{
         />
       </div>
       <div
-        @click="$emit('trigger')"
-        class="col-3 flex text-bold text-h6 text-center justify-center items-center variable-item-card cursor-pointer"
+        class="col-3 flex text-bold text-h6 text-center justify-center items-center variable-item-card"
         :class="{ dark: $q.dark.isActive }"
         :style="`background-color: ${color}`"
       >