diff --git a/static/js/expense_chart.js b/static/js/expense_chart.js
index 7dc3599..bc02b57 100644
--- a/static/js/expense_chart.js
+++ b/static/js/expense_chart.js
@@ -171,4 +171,11 @@ document.addEventListener("DOMContentLoaded", function () {
     if (document.getElementById('chart-tab').classList.contains('active')) {
         loadExpenses("currentmonth");
     }
+
+    document.getElementById('toggleDailySplit').addEventListener('click', function() {
+    // Zmień typ podziału na dzienny i odśwież dane wykresu
+    currentRangeType = 'daily';
+    refreshChart();
+    });
+
 });
diff --git a/templates/expenses.html b/templates/expenses.html
index c5e5cd1..d8755bd 100644
--- a/templates/expenses.html
+++ b/templates/expenses.html
@@ -132,9 +132,11 @@
       <div class="tab-pane fade" id="chartTab" role="tabpanel">
         <div class="card bg-dark text-white mb-4">
           <div class="card-body">
-            <button class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2"
-              id="toggleCategorySplit">
-              🎨 Pokaż podział na kategorie
+            <button class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2" id="toggleCategorySplit">
+              Pokaż podział na kategorie
+            </button>
+            <button class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2" id="toggleDailySplit">
+              Pokaż podział dzienny
             </button>
             <p id="chartRangeLabel" class="fw-bold mb-3">Widok: miesięczne</p>
             <canvas id="expensesChart" height="120"></canvas>