From b51edaeeb8f447645e7f9319d90c6dea5fc79f9f Mon Sep 17 00:00:00 2001
From: fahed <fahed@softhouse.io>
Date: Mon, 2 Feb 2026 17:42:10 +0300
Subject: [PATCH] Add top padding to charts when labels shown

Prevents data labels from being clipped at top of chart container
---
 src/config/chartConfig.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/config/chartConfig.js b/src/config/chartConfig.js
index 902fcb1..1473a4f 100644
--- a/src/config/chartConfig.js
+++ b/src/config/chartConfig.js
@@ -60,6 +60,14 @@ export const createDataLabelConfig = (showDataLabels) => ({
 export const createBaseOptions = (showDataLabels) => ({
   responsive: true,
   maintainAspectRatio: false,
+  layout: {
+    padding: {
+      top: showDataLabels ? 25 : 5,
+      right: 5,
+      bottom: 5,
+      left: 5
+    }
+  },
   plugins: {
     legend: { display: false },
     tooltip: {