diff --git a/public/css/styles.css b/public/css/styles.css
index c7ff0d88478343d48090f112b7f91426f1fb1705..e23cb11a32cd2ef870546947fd4fb6d63e9783c5 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -41,6 +41,16 @@ nav a:hover {
   background: rgba(255, 255, 255, 0.5);
 }
 
+.header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: 20px;
+  background-color: #4c4cd9; /* สีพื้นหลัง */
+  color: white;
+}
+
 .login-btn {
   display: flex;
   align-items: center;
diff --git a/views/index.ejs b/views/index.ejs
index f8335f7e72c117b8011e3e09f91da72c87e1b54c..d62d7b087e6579882b81ea667e39e2c895a8d8df 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -12,7 +12,6 @@
   <header>
     <h1>Welcome to JourneyHub</h1>
     <nav>
-      <a href="/">Home</a>
       <% if (session.userId) { %>
         <a href="/create" class="btn-create">Create Tour</a>
       <% } %>
@@ -20,12 +19,14 @@
         <input type="text" name="query" placeholder="Search for tours..." required>
         <button type="submit">Search</button>
       </form>
-      <% if (session && session.userId) { %>  <!-- ตรวจสอบว่า userId อยู่ใน session หรือไม่ -->
-        <a><%= session.userName %></a>  <!-- แสดงชื่อผู้ใช้ -->
-        <a href="/logout">Logout</a>
-      <% } else { %>
-        <a href="/login" class="login-btn">Login</a> <!-- ถ้ายังไม่ได้ login -->
-      <% } %>
+      <div class="header">
+        <% if (session && session.userId) { %>  <!-- ตรวจสอบว่า userId อยู่ใน session หรือไม่ -->
+          <a><%= session.userName %></a>  <!-- แสดงชื่อผู้ใช้ -->
+          <a href="/logout">Logout</a>
+        <% } else { %>
+          <a href="/login" class="login-btn">Login</a> <!-- ถ้ายังไม่ได้ login -->
+        <% } %>
+      </div>
     </nav>
   </header>