diff --git a/web/src/lib/components/shared-components/notification/notification-list.svelte b/web/src/lib/components/shared-components/notification/notification-list.svelte
index af795072a8..bf8d93d5f2 100644
--- a/web/src/lib/components/shared-components/notification/notification-list.svelte
+++ b/web/src/lib/components/shared-components/notification/notification-list.svelte
@@ -10,7 +10,7 @@
 </script>
 
 {#if $notificationList.length > 0}
-  <section transition:fade={{ duration: 250 }} id="notification-list" class="absolute right-5 top-[80px] z-[99999999]">
+  <section transition:fade={{ duration: 250 }} id="notification-list" class="fixed right-5 top-[80px] z-[99999999]">
     {#each $notificationList as notificationInfo (notificationInfo.id)}
       <div animate:flip={{ duration: 250, easing: quintOut }}>
         <NotificationCard {notificationInfo} />