diff --git a/lib/components/unread_badge_back_button.dart b/lib/components/unread_badge_back_button.dart
index 00ac903c..92ced8d6 100644
--- a/lib/components/unread_badge_back_button.dart
+++ b/lib/components/unread_badge_back_button.dart
@@ -34,13 +34,16 @@ class UnreadBadgeBackButton extends StatelessWidget {
                         padding: EdgeInsets.all(4),
                         margin: EdgeInsets.only(bottom: 4, right: 8),
                         decoration: BoxDecoration(
-                          color: Colors.red,
+                          color: Theme.of(context).primaryColor,
                           borderRadius:
                               BorderRadius.circular(AppConfig.borderRadius),
                         ),
                         child: Text(
                           '$unreadCount',
-                          style: TextStyle(fontSize: 12),
+                          style: TextStyle(
+                            fontSize: 12,
+                            color: Colors.white,
+                          ),
                         ),
                       ),
                     )