diff --git a/Presentation/HushianWebApp/Layout/MainLayout.razor b/Presentation/HushianWebApp/Layout/MainLayout.razor
index 953973a..bce02d8 100644
--- a/Presentation/HushianWebApp/Layout/MainLayout.razor
+++ b/Presentation/HushianWebApp/Layout/MainLayout.razor
@@ -24,13 +24,23 @@
     WidthUnit="Unit.Px" />
     <main>
         <div class="d-flex align-items-center justify-content-end">
-            <NavLink class="ms-4 text-end" href="@{
+            <Badge Color="BadgeColor.Primary" Style="margin-left:20px">
+                <NavLink href="@{
             hrefuserpanel
 }">لینک گفتگو کاربر با شما</NavLink>
-            <NavLink class="ms-4 text-end" href="@{
+            </Badge>
+
+            <Badge Color="BadgeColor.Info" Style="margin-left:20px">
+                <NavLink href="@{
             hrefai
 }">لینک گفتگو کاربر با دستیار هوش مصنوعی</NavLink>
-<p class="mb-0 ms-4 text-end">شناسه شرکت : @CompanyID</p>
+            </Badge>
+
+            <Badge Color="BadgeColor.Light" Style="margin-left:20px">
+                <p>شناسه شرکت : @CompanyID</p>
+            </Badge>
+
+
             <div class="text-white text-end d-flex flex-column justify-content-center align-items-end mx-2">
                 <div style="color: black;" class="fw-bold">@Fullname</div>
                 <h6 style="color: black;">@TitleRole</h6>