diff --git a/app/internal/handlers/admin_dashboard.go b/app/internal/handlers/admin_dashboard.go
index 2aea753..1670258 100644
--- a/app/internal/handlers/admin_dashboard.go
+++ b/app/internal/handlers/admin_dashboard.go
@@ -75,7 +75,7 @@ func AdminDashboardHandler(w http.ResponseWriter, r *http.Request) {
 		"ValidatedCount":     validatedCount,
 		"HousesLeftPercent":  housesLeftPercent,
 		"ShowAdminNav": 	  true,
-		"UserName": username,
+		"UserName": 	username,
 		"Role": 			  role,
 		"ActiveSection":      "dashboard",
 	})
diff --git a/app/internal/templates/layout.html b/app/internal/templates/layout.html
index f97e4a9..9ba4cd3 100644
--- a/app/internal/templates/layout.html
+++ b/app/internal/templates/layout.html
@@ -28,31 +28,35 @@
                     <button @click="sidebarOpen = !sidebarOpen" class="p-2 hover:bg-gray-200 rounded">
                         <i class="fas fa-bars text-gray-600"></i>
                     </button>
-                    <span class="text-white font-semibold">Hi, {{.UserName}}</span>
-
-                    <a href="/logout" class="p-2 hover:bg-gray-200 rounded">
-                        <i class="fas fa-external-link-alt text-gray-500"></i>
-                    </a>
+                    <span class="text-sm font-medium text-gray-600">{{.UserName}}</span>
+                    <div class="w-9 h-9 bg-blue-500 rounded-full flex items-center justify-center text-white font-semibold">
+                    {{slice .UserName 0 1}}
+                    </div>
                 </div>
             </div>
 
             <!-- Desktop Title Bar -->
             <div class="hidden lg:flex bg-gray-100 px-4 py-3 items-center justify-between border-b border-gray-200">
+                <!-- Left Side: Logo + Title -->
                 <div class="flex items-center gap-2">
-                    <div class="w-5 h-5 bg-orange-500 rounded text-white text-xs flex items-center justify-center font-bold">
-                        L
+                    <div class="w-6 h-6 bg-orange-500 rounded-full text-white text-xs flex items-center justify-center font-bold">
+                    L
                     </div>
                     <span class="text-sm font-medium">Poll System</span>
                 </div>
-                <div class="flex items-center gap-2">
-                            <span class="text-white font-semibold">Hi, {{.UserName}}</span>
 
-                    <a href="/logout" class="p-2 hover:bg-gray-100 rounded inline-block">
-                        <i class="fas fa-external-link-alt text-gray-500"></i>
-                    </a>
+                <!-- Right Side: User Info -->
+                <div class="flex items-center gap-3">
+                    <span class="text-sm font-medium text-gray-600">Welcome, {{.UserName}}</span>
+                        <div class="w-9 h-9 bg-blue-500 rounded-full flex items-center justify-center text-white font-semibold">
+                        {{slice .UserName 0 1}}
+                        </div>
                 </div>
             </div>
 
+
+
+
             <div class="flex h-full">
                 <!-- Mobile Sidebar Overlay -->
                 <div x-show="sidebarOpen" 
@@ -158,6 +162,13 @@
                                 <i class="fas fa-user-circle text-gray-400 mr-2"></i>
                                 <span>Profile</span>
                             </a>
+
+                            <a href="/logout" 
+                               @click="sidebarOpen = false"
+                               class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "profile"}}bg-gray-100{{end}}">
+                                <i class="fas fa-sign-out-alt text-gray-400 mr-2"></i>
+                                <span>Logout</span>
+                            </a>
                         </div>
                     </div>
                 </div>
diff --git a/app/tmp/main b/app/tmp/main
index 1590ef2..913326d 100755
Binary files a/app/tmp/main and b/app/tmp/main differ