diff --git a/src/components/AllAroundBtn.vue b/src/components/AllAroundBtn.vue
index b8df5735..16616810 100644
--- a/src/components/AllAroundBtn.vue
+++ b/src/components/AllAroundBtn.vue
@@ -7,12 +7,17 @@ defineProps<{
 
 <template>
   <div
-    class="q-pl-md q-pr-sm row items-center justify-between rounded"
+    class="q-pl-md q-pr-sm row items-center justify-between rounded hover-item"
     :style="`border:1px solid ${color};color:${color}`"
+    @click.stop="$emit('viewDetail')"
   >
     {{ $t(label) }}
     <q-icon name="mdi-arrow-right" class="q-ml-md" />
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+.hover-item:hover {
+  background-color: var(--surface-3);
+}
+</style>