diff --git a/TIAMSharedUI/Shared/Components/Navbar.razor b/TIAMSharedUI/Shared/Components/Navbar.razor
index f106075b..4ba4f298 100644
--- a/TIAMSharedUI/Shared/Components/Navbar.razor
+++ b/TIAMSharedUI/Shared/Components/Navbar.razor
@@ -80,7 +80,7 @@
                                 @{
                                     string url3 = $"user/messages/{userId}";
                                     <NavLink class="nav-link" href="@url3">
-                                        <i class="fa-solid fa-envelope">@(" (" + SiteViewModel.UnreadMessagesCount + ")")</i>
+                                        <i class="fa-solid fa-envelope"><sup>@(" (" + SiteViewModel.UnreadMessagesCount + ")")</sup></i>
                                     </NavLink>
                                 }
                             </li>
diff --git a/TIAMSharedUI/wwwroot/css/TourIAm.css b/TIAMSharedUI/wwwroot/css/TourIAm.css
index 04a0cf3a..c912e8f2 100644
--- a/TIAMSharedUI/wwwroot/css/TourIAm.css
+++ b/TIAMSharedUI/wwwroot/css/TourIAm.css
@@ -287,7 +287,7 @@ select {
 }
 
 .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist {
-    background-color: aliceblue;
+    background-color: lightgray;
 }
 /*my blazor overrides end*/
 .custom-select {