diff --git a/docs/02-app/02-api-reference/05-next-config-js/devIndicators.mdx b/docs/02-app/02-api-reference/05-next-config-js/devIndicators.mdx
index ef2b5febc8bb2..ae771896e008b 100644
--- a/docs/02-app/02-api-reference/05-next-config-js/devIndicators.mdx
+++ b/docs/02-app/02-api-reference/05-next-config-js/devIndicators.mdx
@@ -34,7 +34,7 @@ Next.js displays a static indicator in the bottom corner of the screen that sign
   height="208"
 />
 
-You can disable the indicator by closing it, or using the config option `next.config.js`:
+You can temporarily hide the indicator by clicking the close indicator which will remember your preference in `localStorage` for 1 hour. To permanently disable it, you can use the config option in `next.config.js`:
 
 ```ts filename="next.config.ts" switcher
 import type { NextConfig } from 'next'
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/components/Toast/styles.ts b/packages/next/src/client/components/react-dev-overlay/internal/components/Toast/styles.ts
index c58b1dc09540c..0094fc8d5cd67 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/components/Toast/styles.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/components/Toast/styles.ts
@@ -35,6 +35,10 @@ const styles = css`
     background: var(--color-background);
     color: var(--color-font);
     transition: all 0.3s ease-in-out;
+    box-shadow:
+      inset 0 0 0 1px var(--color-border-shadow),
+      0 11px 40px 0 rgba(0, 0, 0, 0.25),
+      0 2px 10px 0 rgba(0, 0, 0, 0.12);
   }
 
   .nextjs-static-indicator-toast-wrapper:hover {
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/styles/Base.tsx b/packages/next/src/client/components/react-dev-overlay/internal/styles/Base.tsx
index b5d05ea3598c9..de83c0feb98c0 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/styles/Base.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/styles/Base.tsx
@@ -20,6 +20,7 @@ export function Base() {
           --color-background: white;
           --color-font: #757575;
           --color-backdrop: rgba(17, 17, 17, 0.2);
+          --color-border-shadow: rgba(0, 0, 0, 0.145);
 
           --color-title-color: #1f1f1f;
           --color-stack-h6: #222;
@@ -65,6 +66,7 @@ export function Base() {
             --color-background: rgb(28, 28, 30);
             --color-font: white;
             --color-backdrop: rgb(44, 44, 46);
+            --color-border-shadow: rgba(255, 255, 255, 0.145);
 
             --color-title-color: #fafafa;
             --color-stack-h6: rgb(200, 200, 204);