diff --git a/public/css/style.css b/public/css/style.css
index 2ce926d0931370095a771c7ba2b950561f85ade0..3f813628bdd5b93c6522ab24e24b006ca98f64d6 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -434,4 +434,20 @@ footer {
 
 .search-form button:hover {
     background-color: #3d38b1;
+}
+
+.edit-order-btn {
+    background-color: #ffc107;
+    color: black;
+    padding: 5px 10px;
+    text-decoration: none;
+    border-radius: 5px;
+    display: inline-block;
+    margin-left: 5px;
+    border: 1px solid #ffc107;
+}
+
+.edit-order-btn:hover {
+    background-color: #e0a800;
+    border-color: #e0a800;
 }
\ No newline at end of file
diff --git a/views/order-history.ejs b/views/order-history.ejs
index 6bedd5583e91e3849c603576812ea5f7156c6c66..a2da233d8f5d417437d879a8734665d0c28acea9 100644
--- a/views/order-history.ejs
+++ b/views/order-history.ejs
@@ -22,6 +22,11 @@
                         <p class="order-total">Total: ฿<%= order.total_amount.toLocaleString() %></p>
                         <a href="/order/detail/<%= order.id %>" class="view-detail-btn">View Details</a>
                     </div>
+                    <div class="order-footer">
+                        <p class="order-total">Total: ฿<%= order.total_amount.toLocaleString() %></p>
+                        <a href="/order/detail/<%= order.id %>" class="view-detail-btn">View Details</a>
+                        <a href="/" class="edit-order-btn">Edit</a> <!-- ปุ่ม Edit -->
+                    </div>
                 </div>
             <% }); %>
         </div>