diff --git a/templates/layout.html b/templates/layout.html
index 98915b8..5a94285 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -3,26 +3,31 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    {{ if .User }}
-	<p>Hello, {{ .User.Username }} | <a href="/logout">Logout</a></p>
-{{ else }}
-	<p><a href="/login">Login</a></p>
-{{ end }}
-    <title>Lotto Tracker</title>
+    <title>SynLotto</title>
     <style>
         body { font-family: Arial, sans-serif; margin: 40px; }
         table { border-collapse: collapse; width: 100%; margin-top: 20px; }
         th, td { padding: 8px 12px; border: 1px solid #ddd; text-align: center; }
         th { background-color: #f5f5f5; }
         .form-section { margin-bottom: 20px; }
+        .topbar { margin-bottom: 20px; }
+        .flash { padding: 10px; color: green; background: #e9ffe9; border: 1px solid #c3e6c3; margin-bottom: 15px; }
     </style>
 </head>
 <body>
-    <a href="/logout">Logout</a>
-    <h1>Lotto Tracker</h1>
+    <div class="topbar">
+        {{ if .User }}
+            <p>Hello, {{ .User.Username }} | <a href="/logout">Logout</a></p>
+        {{ else }}
+            <p><a href="/login">Login</a></p>
+        {{ end }}
+    </div>
+
+    {{ if .Flash }}
+        <div class="flash">{{ .Flash }}</div>
+    {{ end }}
 
     {{ template "content" . }}
-
 </body>
 </html>
 {{ end }}
