diff --git a/templates/components/messages.gohtml b/templates/components/messages.gohtml
index 70c99c8..81bca54 100644
--- a/templates/components/messages.gohtml
+++ b/templates/components/messages.gohtml
@@ -14,7 +14,8 @@
 {{end}}
 
 {{define "message"}}
-    <article class="message is-{{.Type}}">
-        <div class="message-body">{{.Text}}</div>
-    </article>
+    <div class="notification is-light is-{{.Type}}" x-data="{show: true}" x-show="show">
+        <button class="delete" x-on:click="show = false"></button>
+        {{.Text}}
+    </div>
 {{end}}
\ No newline at end of file