diff --git a/src/lib/layout/notification.svelte b/src/lib/layout/notification.svelte
index baae131a8..71c3b8edc 100644
--- a/src/lib/layout/notification.svelte
+++ b/src/lib/layout/notification.svelte
@@ -10,7 +10,7 @@
     const dispatch = createEventDispatcher();
 </script>
 
-<li
+<div
     class="alert-sticky"
     class:is-success={type === 'success'}
     class:is-warning={type === 'warning'}
@@ -47,4 +47,4 @@
             {/each}
         </div>
     {/if}
-</li>
+</div>
diff --git a/src/lib/layout/notifications.svelte b/src/lib/layout/notifications.svelte
index 9357a4a4e..da64f62d1 100644
--- a/src/lib/layout/notifications.svelte
+++ b/src/lib/layout/notifications.svelte
@@ -8,7 +8,7 @@
     <section>
         <ul class="u-flex u-flex-vertical u-gap-16">
             {#each $notifications as notification (notification.id)}
-                <div animate:flip={{ duration: 500 }}>
+                <li animate:flip={{ duration: 500 }}>
                     <Notification
                         type={notification.type}
                         title={notification.title}
@@ -16,7 +16,7 @@
                         buttons={notification?.buttons}>
                         {notification.message}
                     </Notification>
-                </div>
+                </li>
             {/each}
         </ul>
     </section>