diff --git a/public/index.html b/public/index.html
index 573f294ecb7aeb2432d0f1e827f9301f1c4c0b1b..2109e18f14c9fd80aa039b03e61199e07e8f0b2c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,7 +19,7 @@
             <a href="cart.html">Cart (<span id="cart-item-count">0</span>)</a>
         </div>
         <div class="user-info">
-            <span id="welcome-message">Welcome, User</span> <!-- Display User's Name here -->
+            <span id="welcome-message">Welcome, User</span> <!-- Display User's Email here -->
             <a href="edit-order.html" class="edit-order-btn">Edit Order</a> <!-- ปุ่ม Edit Order -->
         </div>
         <div class="logout">
@@ -102,9 +102,9 @@
 
         async function displayUsername() {
             try {
-                const response = await fetch('/api/getUser');  // Endpoint to get the username
+                const response = await fetch('/api/getUser');  // Endpoint to get the user's email
                 const user = await response.json();
-                document.getElementById('welcome-message').innerText = `Welcome, ${user.email} `;
+                document.getElementById('welcome-message').innerText = `Welcome, ${user.email}`; // Display email here
             } catch (error) {
                 console.log('Error fetching user info:', error);
             }
@@ -113,7 +113,7 @@
         // Initially load products and cart item count
         fetchProducts();  // Fetch all products initially
         updateCart(); // Update cart count when page loads
-        displayUsername(); // Display user info when page loads
+        displayUsername(); // Display user's email when page loads
     </script>
 </body>
 </html>