diff --git a/lib/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart_title.dart b/lib/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart_title.dart
index a1272a10..5045316b 100644
--- a/lib/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart_title.dart
+++ b/lib/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart_title.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/pages/analytics/modules/air_quality/widgets/aqi_type_dropdown.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/chart_title.dart';
+import 'package:syncrow_web/pages/analytics/widgets/charts_loading_widget.dart';
 
 class AqiDistributionChartTitle extends StatelessWidget {
   const AqiDistributionChartTitle({required this.isLoading, super.key});
@@ -10,12 +11,12 @@ class AqiDistributionChartTitle extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Row(
-      spacing: 11,
       children: [
+        ChartsLoadingWidget(isLoading: isLoading),
         const Expanded(
           flex: 3,
           child: FittedBox(
-            fit: BoxFit.scaleDown,
+          fit: BoxFit.scaleDown,
             alignment: AlignmentDirectional.centerStart,
             child: ChartTitle(
               title: Text('Distribution over Air Quality Index'),