diff --git a/src/FrontOffice.Main/Shared/MainLayout.razor b/src/FrontOffice.Main/Shared/MainLayout.razor
index 36c6caa..6b2ef51 100644
--- a/src/FrontOffice.Main/Shared/MainLayout.razor
+++ b/src/FrontOffice.Main/Shared/MainLayout.razor
@@ -44,7 +44,11 @@
                     <MudHidden Breakpoint="Breakpoint.SmAndUp" Invert="true">
                         @if (_isAuthenticated)
                         {
-                            <MudButton Variant="Variant.Outlined" Color="Color.Inherit" OnClick="NavigateToProfile">پروفایل</MudButton>
+                            <MudMenu Icon="@Icons.Material.Filled.Person" Color="Color.Inherit" Size="Size.Medium">
+                                <MudMenuItem OnClick="NavigateToProfile">پروفایل</MudMenuItem>
+                                <MudDivider />
+                                <MudMenuItem OnClick="Logout">خروج از حساب</MudMenuItem>
+                            </MudMenu>
                         }
                         else
                         {
@@ -60,7 +64,7 @@
 
         <!-- Mobile Drawer -->
         <MudDrawer @bind-Open="_drawerOpen" Anchor="Anchor.Right" Elevation="1" Variant="DrawerVariant.Temporary" Class="pa-4">
-            <MudStack Spacing="2">                
+            <MudStack Spacing="2">
                 <MudLink Href="@(RouteConstants.FAQ.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">سوالات متداول</MudLink>
                 <MudLink Href="@(RouteConstants.About.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">درباره ما</MudLink>
                 <MudLink Href="@(RouteConstants.Contact.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">ارتباط با ما</MudLink>
@@ -69,6 +73,7 @@
                 @if (_isAuthenticated)
                 {
                     <MudButton Href="/profile" Color="Color.Primary" OnClick="() => _drawerOpen=false">پروفایل</MudButton>
+                    <MudButton Variant="Variant.Text" Color="Color.Error" OnClick="() => { _drawerOpen=false; Logout(); }">خروج از حساب</MudButton>
                 }
                 else
                 {
diff --git a/src/FrontOffice.Main/Shared/MainLayout.razor.cs b/src/FrontOffice.Main/Shared/MainLayout.razor.cs
index 813a127..67fb1e7 100644
--- a/src/FrontOffice.Main/Shared/MainLayout.razor.cs
+++ b/src/FrontOffice.Main/Shared/MainLayout.razor.cs
@@ -57,4 +57,19 @@ public partial class MainLayout
     {
         Navigation.NavigateTo(RouteConstants.Profile.Index);
     }
+
+    private async Task Logout()
+    {
+        await LocalStorage.RemoveItemAsync(TokenStorageKey);
+        await LocalStorage.RemoveItemAsync("auth:phone-number");
+        await LocalStorage.RemoveItemAsync("auth:redirect");
+        await LocalStorage.RemoveItemAsync("referral:code");
+
+        _isAuthenticated = false;
+        Snackbar.Add("با موفقیت از حساب کاربری خارج شدید.", Severity.Success);
+        StateHasChanged();
+
+        // Navigate to home page
+        Navigation.NavigateTo(RouteConstants.Main.MainPage);
+    }
 }
\ No newline at end of file