diff --git a/web/src/routes/Event.jsx b/web/src/routes/Event.jsx
index 245bacbce..cfa0e3bf4 100644
--- a/web/src/routes/Event.jsx
+++ b/web/src/routes/Event.jsx
@@ -66,12 +66,12 @@ export default function Event({ eventId, close, scrollRef }) {
           </Button>
         </div>
         <div class="col-end-10 col-span-2 space-x-4">
-          <Button color="gray" className="self-start" onClick={() => close()}>
-            <Menu className="w-6" /> Close
-          </Button>
           <Button className="self-start" color="red" onClick={handleClickDelete}>
             <Delete className="w-6" /> Delete event
           </Button>
+          <Button color="gray" className="self-start" onClick={() => close()}>
+            <Menu className="w-6" /> Close
+          </Button>
         </div>
         {showDialog ? (
           <Dialog