diff --git a/templates/event_expenses.html b/templates/event_expenses.html
index edb1d73..acb30fa 100644
--- a/templates/event_expenses.html
+++ b/templates/event_expenses.html
@@ -59,7 +59,8 @@
                     {{if .ImagePath}}
                     <div id="img-{{.ID}}" class="hidden" style="position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 999; align-items: center; justify-content: center; cursor: pointer; padding: 1rem;"
                          onclick="this.classList.add('hidden')">
-                        <img src="/storage/{{.ImagePath}}" alt="Receipt" style="max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 0.5rem;">
+                        <span style="position: absolute; top: 1rem; right: 1rem; font-size: 2rem; color: #fff; line-height: 1; cursor: pointer; z-index: 1000;">&times;</span>
+                        <img src="/storage/{{.ImagePath}}" alt="Receipt" style="max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 0.5rem;" onclick="event.stopPropagation()">
                     </div>
                     {{end}}
                     {{end}}
diff --git a/templates/expense_list.html b/templates/expense_list.html
index 0bebf1d..7c14866 100644
--- a/templates/expense_list.html
+++ b/templates/expense_list.html
@@ -47,7 +47,8 @@
             {{if .ImagePath}}
             <div id="img-{{.ID}}" class="hidden" style="position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 999; align-items: center; justify-content: center; cursor: pointer; padding: 1rem;"
                  onclick="this.classList.add('hidden')">
-                <img src="/storage/{{.ImagePath}}" alt="Receipt" style="max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 0.5rem;">
+                <span style="position: absolute; top: 1rem; right: 1rem; font-size: 2rem; color: #fff; line-height: 1; cursor: pointer; z-index: 1000;">&times;</span>
+                <img src="/storage/{{.ImagePath}}" alt="Receipt" style="max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 0.5rem;" onclick="event.stopPropagation()">
             </div>
             {{end}}
         </div>