diff --git a/refilc_mobile_ui/lib/common/hero_scrollview.dart b/refilc_mobile_ui/lib/common/hero_scrollview.dart
index b994c3d..15334fe 100644
--- a/refilc_mobile_ui/lib/common/hero_scrollview.dart
+++ b/refilc_mobile_ui/lib/common/hero_scrollview.dart
@@ -117,8 +117,8 @@ class HeroScrollViewState extends State<HeroScrollView> {
                         // ignore: deprecated_member_use
                         color: ColorsUtils()
                             .darken(
-                              Theme.of(context).colorScheme.primary,
-                              amount: 0.4,
+                              Theme.of(context).colorScheme.secondary,
+                              amount: 0.1,
                             )
                             .withOpacity(0.4),
                         width: MediaQuery.of(context).size.width,
@@ -158,8 +158,8 @@ class HeroScrollViewState extends State<HeroScrollView> {
                     child: RoundBorderIcon(
                       color: ColorsUtils()
                           .darken(
-                            Theme.of(context).colorScheme.primary,
-                            amount: 0.4,
+                            Theme.of(context).colorScheme.secondary,
+                            amount: 0.1,
                           )
                           .withOpacity(0.9),
                       width: 1.5,
@@ -169,8 +169,8 @@ class HeroScrollViewState extends State<HeroScrollView> {
                         size: widget.iconSize / 2,
                         color: ColorsUtils()
                             .darken(
-                              Theme.of(context).colorScheme.primary,
-                              amount: 0.4,
+                              Theme.of(context).colorScheme.secondary,
+                              amount: 0.1,
                             )
                             .withOpacity(0.8),
                       ),
diff --git a/refilc_mobile_ui/lib/pages/grades/grades_count_item.dart b/refilc_mobile_ui/lib/pages/grades/grades_count_item.dart
index faf7824..2a27495 100644
--- a/refilc_mobile_ui/lib/pages/grades/grades_count_item.dart
+++ b/refilc_mobile_ui/lib/pages/grades/grades_count_item.dart
@@ -39,6 +39,7 @@ class GradesCountItem extends StatelessWidget {
     //   ],
     // );
     return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
       children: [
         GradeValueWidget(
           GradeValue(value, "Value", "Value", 100),
@@ -50,7 +51,7 @@ class GradesCountItem extends StatelessWidget {
           width: 12.0,
         ),
         SizedBox(
-          width: MediaQuery.of(context).size.width / 1.7,
+          width: MediaQuery.of(context).size.width / 1.8,
           child: ProgressBar(
             value: (count / total),
             backgroundColor: gradeColor(
@@ -64,11 +65,15 @@ class GradesCountItem extends StatelessWidget {
         const SizedBox(
           width: 12.0,
         ),
-        Text(
-          count.toString(),
-          style: const TextStyle(
-            fontWeight: FontWeight.w500,
-            fontSize: 14.0,
+        SizedBox(
+          width: 22.0,
+          child: Text(
+            count.toString(),
+            textAlign: TextAlign.center,
+            style: const TextStyle(
+              fontWeight: FontWeight.w500,
+              fontSize: 14.0,
+            ),
           ),
         ),
       ],