diff --git a/static/js/chart_controls.js b/static/js/chart_controls.js
index 6214386..1415315 100644
--- a/static/js/chart_controls.js
+++ b/static/js/chart_controls.js
@@ -60,15 +60,15 @@ document.addEventListener("DOMContentLoaded", function () {
 
     // ——— Podział na kategorie ———
     toggleCategory?.addEventListener("click", function () {
-        const active = this.classList.contains("btn-outline-primary");
+        const active = this.classList.contains("btn-outline-success");
         if (active) {
-            this.classList.remove("btn-outline-primary");
+            this.classList.remove("btn-outline-success");
             this.classList.add("btn-outline-light");
             this.setAttribute("aria-pressed", "false");
             this.textContent = "Przełącz na kategorie";
             window.setCategorySplit(false);
         } else {
-            this.classList.add("btn-outline-primary");
+            this.classList.add("btn-outline-success");
             this.classList.remove("btn-outline-light");
             this.setAttribute("aria-pressed", "true");
             this.textContent = "Przełącz na sumy";
diff --git a/templates/expenses.html b/templates/expenses.html
index b782964..541c906 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-light btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
+                <button class="btn btn-outline-success btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
               </div>
             </div>