diff --git a/components/dashboards/EnergyLineChart.tsx b/components/dashboards/EnergyLineChart.tsx
index c523e6b..7446d33 100644
--- a/components/dashboards/EnergyLineChart.tsx
+++ b/components/dashboards/EnergyLineChart.tsx
@@ -140,7 +140,7 @@ const EnergyLineChart = ({ siteId }: EnergyLineChartProps) => {
         setGeneration(res.generation);
 
         // ⬇️ ADD THIS here — fetch forecast
-      const forecastData = await fetchForecast(3.15, 101.7, 37, 0, 5.67);
+      const forecastData = await fetchForecast(3.15, 101.7, 37, 0, 20.67);
       const selectedDateStr = selectedDate.toISOString().split('T')[0];
 
       setForecast(
diff --git a/components/dashboards/MonthlyBarChart.tsx b/components/dashboards/MonthlyBarChart.tsx
index c76262f..d68df4a 100644
--- a/components/dashboards/MonthlyBarChart.tsx
+++ b/components/dashboards/MonthlyBarChart.tsx
@@ -127,10 +127,7 @@ const generationColor = isDark ? '#fcd913' : '#669bbc';
   if (loading || !siteId || chartData.length === 0) {
     return (
       <div className="bg-white p-3 rounded-lg shadow-md dark:bg-rtgray-800 dark:text-white-light">
-        <div className="flex justify-between items-center mb-2">
-          <h2 className="text-lg font-bold">Monthly Energy Yield</h2>
-        </div>
-        <div className="h-96 w-full flex items-center justify-center">
+        <div className="h-[200px] w-full flex items-center justify-center">
           <p className="text-white/70">
             {loading ? 'Loading data...' : 'No data available for chart.'}
           </p>
diff --git a/components/dashboards/kpibottom.tsx b/components/dashboards/kpibottom.tsx
index 3cbc952..d43553b 100644
--- a/components/dashboards/kpibottom.tsx
+++ b/components/dashboards/kpibottom.tsx
@@ -37,7 +37,7 @@ export default function KpiBottom({
         </div>
       </Panel>
 
-      <Panel title="Monthly Yield">
+      <Panel title="Yield Bar Chart">
         <div className="w-full h-48">
           {middle}
         </div>