diff --git a/public/css/login.css b/public/css/login.css
index cf9bc64064e9ac6426cbf994e2454826824558d0..2f75301a96d248840e1d73238fe8bb2b9813ebcd 100644
--- a/public/css/login.css
+++ b/public/css/login.css
@@ -93,3 +93,21 @@ a {
 a:hover {
     text-decoration: underline;
 }
+
+.alert {
+    padding: 10px 15px;
+    margin: 10px 0;
+    border-radius: 5px;
+    font-size: 16px;
+  }
+  
+  .alert-success {
+    background-color: #28a745;
+    color: white;
+  }
+  
+  .alert-danger {
+    background-color: #dc3545;
+    color: white;
+  }
+  
\ No newline at end of file
diff --git a/public/css/regis.css b/public/css/regis.css
index b3d02376b80374420f3fcc2a283e7e950fc6cd3c..77990da2578b0e922899f9975b9d928931db0d48 100644
--- a/public/css/regis.css
+++ b/public/css/regis.css
@@ -112,3 +112,21 @@ a {
 a:hover {
     text-decoration: underline;
 }
+
+.alert {
+    padding: 10px 15px;
+    margin: 10px 0;
+    border-radius: 5px;
+    font-size: 16px;
+  }
+  
+  .alert-success {
+    background-color: #28a745;
+    color: white;
+  }
+  
+  .alert-danger {
+    background-color: #dc3545;
+    color: white;
+  }
+  
\ No newline at end of file
diff --git a/views/login.ejs b/views/login.ejs
index eaed4a73338c0637a932efc5387cd9381af3cd55..9c2b7f3eb789dc78511bc63510746c2a2f26bdfb 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -13,7 +13,19 @@
         <% if (message) { %>
             <div class="error-message"><%= message %></div>
         <% } %>
-
+        <!-- แสดงข้อความแจ้งเตือน -->
+        <% if (messages.success) { %>
+            <div class="alert alert-success">
+            <%= messages.success %>
+            </div>
+        <% } %>
+        
+        <% if (messages.error) { %>
+            <div class="alert alert-danger">
+            <%= messages.error %>
+            </div>
+        <% } %>
+        
         <form action="/login" method="POST">
             <div class="input-group">
                 <label for="email">Email</label>
@@ -27,6 +39,8 @@
         </form>
 
         <p>Don't have an account? <a href="/register">Register here</a></p>
+
+        
     </div>
 </body>
 </html>
diff --git a/views/register.ejs b/views/register.ejs
index e564e220905915bcb61e115f12156eee2d000c3a..6fbf89165a9436491aeb85c38651df54fb4c563b 100644
--- a/views/register.ejs
+++ b/views/register.ejs
@@ -14,6 +14,19 @@
             <div class="error-message"><%= message %></div>
         <% } %>
 
+        <!-- แสดงข้อความแจ้งเตือน -->
+        <% if (messages.success) { %>
+            <div class="alert alert-success">
+            <%= messages.success %>
+            </div>
+        <% } %>
+        
+        <% if (messages.error) { %>
+            <div class="alert alert-danger">
+            <%= messages.error %>
+            </div>
+        <% } %>
+
         <form action="/register" method="POST">
             <div class="input-group">
                 <label for="name">Name</label>