diff --git a/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart b/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart
index 9cf35128..746a5754 100644
--- a/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart
+++ b/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart
@@ -51,7 +51,7 @@ class AirQualityView extends StatelessWidget {
                         ),
                       ),
                       Expanded(
-                        flex: 3,
+                        flex: 2,
                         child: AirQualityEndSideWidget(),
                       ),
                     ],
diff --git a/lib/pages/analytics/modules/air_quality/widgets/aqi_sub_value_widget.dart b/lib/pages/analytics/modules/air_quality/widgets/aqi_sub_value_widget.dart
index d9843bca..c4ed3b15 100644
--- a/lib/pages/analytics/modules/air_quality/widgets/aqi_sub_value_widget.dart
+++ b/lib/pages/analytics/modules/air_quality/widgets/aqi_sub_value_widget.dart
@@ -25,12 +25,12 @@ class AqiSubValueWidget extends StatelessWidget {
   });
 
   static const List<_AqiRange> _ranges = [
-    _AqiRange(max: 12, color: ColorsManager.green),
-    _AqiRange(max: 35, color: Color(0xFFFFF176)),
-    _AqiRange(max: 55, color: Color(0xFFFFD54F)),
-    _AqiRange(max: 150, color: Color(0xFFE57373)),
-    _AqiRange(max: 250, color: Color(0xFFBA68C8)),
-    _AqiRange(max: 500, color: Color(0xFFB39DDB)),
+    _AqiRange(max: 12, color: ColorsManager.goodGreen),
+    _AqiRange(max: 35, color: ColorsManager.poorOrange),
+    _AqiRange(max: 55, color: ColorsManager.poorOrange),
+    _AqiRange(max: 150, color: ColorsManager.unhealthyRed),
+    _AqiRange(max: 250, color: ColorsManager.severePink),
+    _AqiRange(max: 500, color: ColorsManager.hazardousPurple),
   ];
 
   int _getActiveSegment(int value) {