diff --git a/components/ui/NotificationCenter.tsx b/components/ui/NotificationCenter.tsx
index ea328953f..0b91126fe 100644
--- a/components/ui/NotificationCenter.tsx
+++ b/components/ui/NotificationCenter.tsx
@@ -109,7 +109,7 @@ const NotificationCenter = () => {
   const { notifications, removeNotification } = useNotifications();
 
   return (
-    <div className="pointer-events-none fixed top-0 z-50 h-full w-full">
+    <div className="pointer-events-none fixed top-0 z-[100] h-full w-full">
       <div className="flex flex-row justify-end pt-20">
         <div className="relative flex flex-1 flex-col items-end px-4">
           <AnimatePresence mode="sync" presenceAffectsLayout>