diff --git a/src/components/layout/notification-banner.tsx b/src/components/layout/notification-banner.tsx
index f49b53a3..50bd2fa2 100644
--- a/src/components/layout/notification-banner.tsx
+++ b/src/components/layout/notification-banner.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link';
 import { Cross2Icon } from '@radix-ui/react-icons';
 import { useActiveNotifications } from '@/hooks/useActiveNotifications';
 import { useNotificationStore } from '@/stores/useNotificationStore';
+import { GridAccent } from '@/components/landing';
 
 export function NotificationBanner() {
   const { currentNotification, totalCount, isLoading } = useActiveNotifications();
@@ -21,11 +22,12 @@ export function NotificationBanner() {
   const action = currentNotification.action;
 
   return (
-    <div className="relative w-full bg-primary">
+    <div className="relative w-full bg-primary overflow-hidden">
       {/* Grid background overlay */}
-      <div
-        className="pointer-events-none absolute inset-0 bg-dot-grid opacity-30"
-        aria-hidden="true"
+      <GridAccent
+        position="top-strip"
+        variant="dots"
+        className="opacity-40"
       />
 
       {/* Content container - same height as header */}
@@ -67,7 +69,7 @@ export function NotificationBanner() {
           <button
             type="button"
             onClick={handleDismiss}
-            className="absolute right-4 p-1 text-primary-foreground/80 transition-colors hover:text-primary-foreground sm:right-6 md:right-8"
+            className="absolute right-4 z-10 p-1 text-primary-foreground/80 transition-colors hover:text-primary-foreground sm:right-6 md:right-8"
             aria-label="Dismiss notification"
           >
             <Cross2Icon className="h-5 w-5" />
diff --git a/src/config/notifications.ts b/src/config/notifications.ts
index f491ebfb..6312c6fa 100644
--- a/src/config/notifications.ts
+++ b/src/config/notifications.ts
@@ -35,16 +35,18 @@ export type NotificationConfig = {
  * Personalized notifications require a conditionId that maps to useNotificationConditions.
  */
 export const NOTIFICATIONS: NotificationConfig[] = [
-  // Example global notification (uncomment to test):
-  // {
-  //   id: 'autovault-launch-2026',
-  //   message: 'AutoVault is now live! Deploy your own automated lending vault.',
-  //   type: 'info',
-  //   category: 'global',
-  //   action: {
-  //     label: 'Try AutoVault',
-  //     href: '/autovault',
-  //   },
-  //   expiresAt: new Date('2026-01-04'),
-  // },
+  {
+    id: 'position-history-chart-2026-02-01',
+    message: '💎 New feature: Position History Graph — analyze any account\'s allocation changes over time!',
+    type: 'info',
+    category: 'global',
+    expiresAt: new Date('2026-02-10'),
+  },
+  {
+    id: 'custom-tags-2026-02',
+    message: '💎 New feature: Custom Tags — create your own tags on market flow metrics! Try it in Settings → Experimental',
+    type: 'info',
+    category: 'global',
+    expiresAt: new Date('2026-02-10'),
+  },
 ];
diff --git a/src/features/home/home-view.tsx b/src/features/home/home-view.tsx
index c3e99f88..4ae7a4fb 100644
--- a/src/features/home/home-view.tsx
+++ b/src/features/home/home-view.tsx
@@ -64,7 +64,7 @@ function HomePage() {
           />
 
           {/* Main hero content */}
-          <div className="flex-1 flex items-center">
+          <div className="flex-1 flex items-center relative z-10">
             <div className="container mx-auto px-6 sm:px-8 md:px-12 lg:px-16">
               {/* Two-column grid */}
               <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
diff --git a/src/hooks/useActiveNotifications.ts b/src/hooks/useActiveNotifications.ts
index 51ee0815..5f41dfb0 100644
--- a/src/hooks/useActiveNotifications.ts
+++ b/src/hooks/useActiveNotifications.ts
@@ -35,7 +35,7 @@ export type ActiveNotificationsResult = {
  * ```
  */
 export const useActiveNotifications = (): ActiveNotificationsResult => {
-  const isDismissed = useNotificationStore((s) => s.isDismissed);
+  const dismissedIds = useNotificationStore((s) => s.dismissedIds);
   const conditions = useNotificationConditions();
 
   const { activeNotifications, isLoading } = useMemo(() => {
@@ -49,7 +49,7 @@ export const useActiveNotifications = (): ActiveNotificationsResult => {
       }
 
       // Check if dismissed
-      if (isDismissed(notification.id)) {
+      if (dismissedIds.includes(notification.id)) {
         return false;
       }
 
@@ -81,7 +81,7 @@ export const useActiveNotifications = (): ActiveNotificationsResult => {
       activeNotifications: active,
       isLoading: hasLoadingCondition,
     };
-  }, [isDismissed, conditions]);
+  }, [dismissedIds, conditions]);
 
   const currentNotification = activeNotifications[0] ?? null;
   const totalCount = activeNotifications.length;