diff --git a/static/js/chart_controls.js b/static/js/chart_controls.js
index 5be7f91..6214386 100644
--- a/static/js/chart_controls.js
+++ b/static/js/chart_controls.js
@@ -60,9 +60,9 @@ document.addEventListener("DOMContentLoaded", function () {
 
     // ——— Podział na kategorie ———
     toggleCategory?.addEventListener("click", function () {
-        const active = this.classList.contains("btn-outline-success");
+        const active = this.classList.contains("btn-outline-primary");
         if (active) {
-            this.classList.remove("btn-outline-success");
+            this.classList.remove("btn-outline-primary");
             this.classList.add("btn-outline-light");
             this.setAttribute("aria-pressed", "false");
             this.textContent = "Przełącz na kategorie";
diff --git a/templates/expenses.html b/templates/expenses.html
index 541c906..6cd269b 100644
--- a/templates/expenses.html
+++ b/templates/expenses.html
@@ -145,7 +145,7 @@
               </div>
               <div>
                 <h6 class="text-white">Kategorie/Sumy wydatków</h6>
-                <button class="btn btn-outline-success btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
+                <button class="btn btn-outline-primary btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
               </div>
             </div>