diff --git a/lib/widgets/shared/bottom_navigation_item.dart b/lib/widgets/shared/bottom_navigation_item.dart
index 37aff38f..6d7efa95 100644
--- a/lib/widgets/shared/bottom_navigation_item.dart
+++ b/lib/widgets/shared/bottom_navigation_item.dart
@@ -3,6 +3,7 @@ import 'package:doctor_app_flutter/config/config.dart';
 import 'package:doctor_app_flutter/config/size_config.dart';
 import 'package:doctor_app_flutter/core/viewModel/dashboard_view_model.dart';
 import 'package:doctor_app_flutter/core/viewModel/doctor_replay_view_model.dart';
+import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
@@ -20,7 +21,6 @@ class BottomNavigationItem extends StatelessWidget {
   final DashboardViewModel dashboardViewModel;
   final String svgPath;
 
-
   BottomNavigationItem(
       {this.icon,
       this.activeIcon,
@@ -28,7 +28,8 @@ class BottomNavigationItem extends StatelessWidget {
       this.index,
       this.currentIndex,
       this.name,
-      this.dashboardViewModel, this.svgPath});
+      this.dashboardViewModel,
+      this.svgPath});
 
   @override
   Widget build(BuildContext context) {
@@ -46,13 +47,12 @@ class BottomNavigationItem extends StatelessWidget {
               children: [
                 if (currentIndex == index)
                   Positioned(
-                    top: 0,
+                      top: 0,
                       child: Container(
-
-                    color: AppGlobal.appRedColor,
-                    width: 100,
-                    height: 3,
-                  )),
+                        color: AppGlobal.appRedColor,
+                        width: 100,
+                        height: 3,
+                      )),
                 Column(
                   mainAxisSize: MainAxisSize.min,
                   mainAxisAlignment: MainAxisAlignment.center,
@@ -61,25 +61,31 @@ class BottomNavigationItem extends StatelessWidget {
                       height: 15,
                     ),
                     Container(
-                      child: SvgPicture.asset(svgPath,width: SizeConfig.widthMultiplier* (10), height:SizeConfig.getHeightMultiplier(height:SizeConfig.heightMultiplier *
-                          (SizeConfig.isHeightVeryShort ? 10:SizeConfig.isHeightShort ?8.5 : 7) ) * 40,
-                          ),
+                      child: SvgPicture.asset(
+                        svgPath,
+                        width: SizeConfig.widthMultiplier * (10),
+                        height: SizeConfig.getHeightMultiplier(
+                                height: SizeConfig.heightMultiplier *
+                                    (SizeConfig.isHeightVeryShort
+                                        ? 10
+                                        : SizeConfig.isHeightShort
+                                            ? 8.5
+                                            : 7)) *
+                            40,
+                      ),
                     ),
                     SizedBox(
                       height: 8,
                     ),
                     Expanded(
-                      child: Text(name ?? "",
-                          textAlign: TextAlign.center,
-                          style: TextStyle(
-                              fontSize:
-                                  SizeConfig.getTextMultiplierBasedOnWidth() *
-                                      2,
-                              letterSpacing: 0.24,
-                              color: AppGlobal.appTextColor,
-                              fontWeight: FontWeight.w600) //#989898,
-                          ),
-                    ),
+                        child: AppText(name ?? "",
+                            textAlign: TextAlign.center,
+                            fontSize:
+                                SizeConfig.getTextMultiplierBasedOnWidth() * 2,
+                            letterSpacing: -0.24,
+                            color: AppGlobal.appTextColor,
+                            fontWeight: FontWeight.w600) //#989898,
+                        ),
                   ],
                 ),
                 if (currentIndex == 3 &&
@@ -95,10 +101,10 @@ class BottomNavigationItem extends StatelessWidget {
                       borderRadius: BorderRadius.circular(8),
                       badgeContent: Container(
                         // padding: EdgeInsets.all(2.0),
-                        child: Text(
+                        child: AppText(
                             dashboardViewModel.notRepliedCount.toString(),
-                            style:
-                                TextStyle(color: Colors.white, fontSize: 12.0)),
+                            color: Colors.white,
+                            fontSize: 12.0),
                       ),
                     ),
                   ),
diff --git a/pubspec.lock b/pubspec.lock
index 86ae6905..6fcaaa5a 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -706,7 +706,7 @@ packages:
       name: meta
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0-nullsafety.3"
+    version: "1.3.0-nullsafety.4"
   mime:
     dependency: transitive
     description:
@@ -1040,7 +1040,7 @@ packages:
       name: stack_trace
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.10.0-nullsafety.1"
+    version: "1.10.0-nullsafety.2"
   sticky_headers:
     dependency: "direct main"
     description:
@@ -1245,5 +1245,5 @@ packages:
     source: hosted
     version: "2.2.1"
 sdks:
-  dart: ">=2.10.2 <2.11.0"
+  dart: ">=2.10.2 <=2.11.0-213.1.beta"
   flutter: ">=1.22.2 <2.0.0"