diff --git a/src/main/java/com/application/munera/views/dashboard/DashboardView.java b/src/main/java/com/application/munera/views/dashboard/DashboardView.java
index d6d1045..f13635c 100644
--- a/src/main/java/com/application/munera/views/dashboard/DashboardView.java
+++ b/src/main/java/com/application/munera/views/dashboard/DashboardView.java
@@ -181,7 +181,8 @@ public class DashboardView extends Div {
                 "title: { text: 'Total Expense' }, " +
                 "stackLabels: { " +
                 "enabled: true, " +
-                "style: { fontWeight: 'bold', color: 'gray' }, " +
+                "style: { fontWeight: 'bold', fontSize: '14px', color: 'white', textOutline: '1px contrast', " +
+                "backgroundColor: 'rgba(0,0,0,0.75)', padding: 4, borderRadius: 3 }, " + // Background and border for better visibility
                 "formatter: function() { " +
                 "   if (this.total > 0) { return this.total; } else { return ''; }" +  // Only show total if greater than 0
                 "}" +
@@ -195,7 +196,8 @@ public class DashboardView extends Div {
                 "formatter: function() { " +
                 "   if (this.y > 0) { return this.y; } else { return ''; }" +  // Only show data label if value > 0
                 "}," +
-                "color: 'black'" + // Set label color
+                "color: 'black', " + // Set data label color to black
+                "style: { fontSize: '12px', fontWeight: 'bold' }" +  // Customize individual labels' appearance
                 "} " +
                 "} " +
                 "}, " +