diff --git a/app/templates/statistics.html b/app/templates/statistics.html
index c91be16..704635a 100644
--- a/app/templates/statistics.html
+++ b/app/templates/statistics.html
@@ -10,7 +10,7 @@
     <div class="card mb-4">
         <div class="card-body">
             <div class="d-flex flex-wrap gap-3 align-items-center">
-                <button class="btn btn-primary btn-sm" id="mineFilterBtn" onclick="toggleMineFilter()">
+                <button class="btn btn-outline-primary btn-sm" id="mineFilterBtn" onclick="toggleMineFilter()">
                     <i class="bi bi-person"></i> 我的
                 </button>
                 <select class="form-select form-select-sm" style="width:auto; min-width:120px;" id="classFilter" onchange="loadStatistics()">
@@ -151,9 +151,11 @@ function toggleMineFilter() {
     mineFilterActive = !mineFilterActive;
     const btn = document.getElementById('mineFilterBtn');
     if (mineFilterActive) {
-        btn.classList.add('active');
+        btn.classList.remove('btn-outline-primary');
+        btn.classList.add('btn-primary');
     } else {
-        btn.classList.remove('active');
+        btn.classList.remove('btn-primary');
+        btn.classList.add('btn-outline-primary');
     }
     loadStatistics();
 }