diff --git a/app/templates/base.html b/app/templates/base.html
index 51b449f..9d0eca0 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -60,10 +60,12 @@
 
 </script>
 <!-- Toast for 5xx errors -->
-<div id="error-toast" class="toast toast-top toast-end hidden">
-    <div class="alert alert-error">
+<div id="error-toast" class="toast toast-top toast-end w-full z-100 hidden">
+    <div class="alert alert-error alert-lg">
         <span id="error-message"></span>
-        <button class="btn btn-sm btn-ghost" onclick="document.getElementById('error-toast').classList.add('hidden')">Close</button>
+        <button class="btn btn-sm btn-ghost" onclick="document.getElementById('error-toast').classList.add('hidden')">
+            <i class="fas fa-times"></i>
+        </button>
     </div>
 </div>