diff --git a/frontend/src/views/Analytics.vue b/frontend/src/views/Analytics.vue
index 806c58f..570314d 100644
--- a/frontend/src/views/Analytics.vue
+++ b/frontend/src/views/Analytics.vue
@@ -251,12 +251,17 @@
                           <span class="score-value">{{ record.totalScore || 0 }}</span>
                         </template>
                         <template v-else-if="column.key === 'deductionScore'">
-                          <span 
-                            class="deduction-value clickable" 
+                          <a-button 
+                            v-if="record.deductionScore && record.deductionScore > 0"
+                            type="link" 
+                            class="deduction-link" 
                             @click.stop="showDeductionDetails(record)"
-                            :style="{ cursor: (record.deductionScore && record.deductionScore > 0) ? 'pointer' : 'default' }"
+                            :style="{ padding: 0, height: 'auto', color: '#ef4444' }"
                           >
                             {{ record.deductionScore || 0 }}
+                          </a-button>
+                          <span v-else class="deduction-value">
+                            {{ record.deductionScore || 0 }}
                           </span>
                         </template>
                         <template v-else-if="column.key === 'netScore'">