diff --git a/hera/ui/NewVersionNotification.tsx b/hera/ui/NewVersionNotification.tsx
index b105dfe..ad91b1d 100644
--- a/hera/ui/NewVersionNotification.tsx
+++ b/hera/ui/NewVersionNotification.tsx
@@ -83,7 +83,7 @@ export default function NewVersionNotification({
         </Notification>
       )}
       {hasNewVersion && (
-        <Notification>
+        <Notification delay={2000}>
           <p>
             <fbt desc="New version notification">
               Athena Crisis was updated.
diff --git a/hera/ui/Notification.tsx b/hera/ui/Notification.tsx
index 286d057..4730f07 100644
--- a/hera/ui/Notification.tsx
+++ b/hera/ui/Notification.tsx
@@ -9,6 +9,7 @@ import { ReactNode } from 'react';
 export default function Notification({
   center,
   children,
+  delay = 0,
   inline,
   inset = 0,
   offset = 0,
@@ -17,6 +18,7 @@ export default function Notification({
 }: {
   center?: true;
   children?: ReactNode;
+  delay?: number;
   inline?: true;
   inset?: number;
   offset?: number;
@@ -53,6 +55,7 @@ export default function Notification({
       }}
       style={insetStyle(inset)}
       transition={{
+        delay: delay / 1000,
         duration: 0.25,
         ease: [0.34, 1.56, 0.64, 1],
       }}