diff --git a/src/Koogle.Web/Components/Layout/MainLayout.razor b/src/Koogle.Web/Components/Layout/MainLayout.razor
index 97a1c1a..287b0e0 100644
--- a/src/Koogle.Web/Components/Layout/MainLayout.razor
+++ b/src/Koogle.Web/Components/Layout/MainLayout.razor
@@ -21,7 +21,7 @@
 
 <MudLayout>
     
-    <MudAppBar Elevation="1" Dense="true">
+    <MudAppBar Elevation="1" Dense="true" Style="background: linear-gradient(135deg, #1a365d 0%, #2d5a4d 100%); color: white;">
         <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="ToggleDrawer" />
         <MudText Typo="Typo.h6">KOOGLE</MudText>
         <MudSpacer/>