Modified the canvas grid

expenses_manager/expenses/static/expenses/css/base.css

@@ -80,7 +80,7 @@ a.danger {
 
 .dashboard-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit,  minmax(180px, 1fr));
+    grid-template-columns: repeat(2,  1fr);
     gap: 20px
 }
 
@@ -89,15 +89,14 @@ a.danger {
     border-radius: 8px;
     padding: 16px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
 }
 
 .card-chart {
-    max-width: 300px;
+    height: 500px;
-}
+    position: relative;
-
-.card-chart canvas {
-    width: 100% !important;
-    height: 220px !important;
 }
 
 .chart-box {
@@ -105,6 +104,19 @@ a.danger {
     margin-bottom: 2rem;
 }
 
+.canvas-wrapper {
+    flex-grow: 1;
+    min-height: 0;
+    position: relative;
+    width: 100%;
+}
+
+.card-chart canvas {
+    display: block;
+    width: 100% !important;
+    height: 100% !important;
+}
+
 .kpi-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

expenses_manager/expenses/templates/expenses/dashboard.html

@@ -149,8 +149,10 @@
             <div class="card card-chart">
                 <h3>{{ acc.name }}</h3>
                 <p><strong>Saldo actual:</strong> {{ acc.current_balance|floatformat:2 }} €</p>
-
+                
-                <canvas id="accountChart{{ acc.id }}"></canvas>
+                <div class="canvas-wrapper">
+                    <canvas id="accountChart{{ acc.id }}"></canvas>
+                </div>
             </div>
         {% endfor %}
     </div>