diff --git a/app/views/notification/index.html.erb b/app/views/notification/index.html.erb
index 102c192..5248e2b 100644
--- a/app/views/notification/index.html.erb
+++ b/app/views/notification/index.html.erb
@@ -88,13 +88,13 @@
   </h2>
   <ul class="flex flex-row list bg-base-100 rounded-box shadow-md">
     <li class="p-4 pb-2 text-xs opacity-60 tracking-wide">
-      <%= link_to 'Notice', "javascript: window.dispatchEvent(new CustomEvent('popup-toast', {detail: {
+      <%= button_tag 'Notice', onclick: "window.dispatchEvent(new CustomEvent('popup-toast', {detail: {
         type: 'notice',
         message: 'this is a message from within Stimulus'
       }}))", class: 'btn btn-primary' %>
     </li>
     <li class="p-4 pb-2 text-xs opacity-60 tracking-wide">
-      <%= link_to 'Alert', "javascript: window.dispatchEvent(new CustomEvent('popup-toast', {detail: {
+      <%= button_tag 'Alert', onclick: "window.dispatchEvent(new CustomEvent('popup-toast', {detail: {
         type: 'alert',
         message: 'this is an alert by the way'
       }}))", class: 'btn btn-secondary' %>