diff --git a/public/css/styles.css b/public/css/styles.css
index 6a096be6281c29eee6e4dba68906dc28da596186..491b2ddd62ae4e959847b4365949448dbe6b72cd 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -22,11 +22,9 @@ header {
 
 nav {
   display: flex;
-  justify-content: flex-start; /* ใช้ flex-start สำหรับการเริ่มจากซ้าย */
-  align-items: center;
+  justify-content: center;
   gap: 15px;
   margin-top: 10px;
-  width: 100%; /* ให้ nav ขยายเต็มพื้นที่ */
 }
 
 nav a {
@@ -43,19 +41,6 @@ nav a:hover {
   background: rgba(255, 255, 255, 0.5);
 }
 
-.btn-login {
-  margin-left: auto; /* ใช้ margin-left: auto เพื่อย้าย Login ไปที่ขวาสุด */
-  background-color: #4CAF50;
-  color: white;
-  padding: 10px 20px;
-  border-radius: 5px;
-  text-decoration: none;
-  font-weight: bold;
-}
-
-.btn-login:hover {
-  background-color: #45a049;
-}
 
 /* SEARCH BAR */
 form {
diff --git a/views/index.ejs b/views/index.ejs
index 0dae3a6c899fca8c9af95653a3daddd435503185..aef53ec914c84cfdb1956475c0da1ec7361e1e46 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -19,7 +19,7 @@
         <a href="/profile"><%= session.userName %></a>  <!-- แสดงชื่อผู้ใช้ -->
         <a href="/logout">Logout</a>
       <% } else { %>
-        <a href="/login" class="btn-login">Login</a> <!-- ถ้ายังไม่ได้ login -->
+        <a href="/login">Login</a> <!-- ถ้ายังไม่ได้ login -->
       <% } %>
       <form action="/search" method="GET">
         <input type="text" name="query" placeholder="Search for tours..." required>