diff --git a/pages/app/components/page-view.scss b/pages/app/components/page-view.scss
new file mode 100644
index 0000000000..fa0e599ce7
--- /dev/null
+++ b/pages/app/components/page-view.scss
@@ -0,0 +1,13 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+@use '~design-tokens' as tokens;
+
+/*
+ This sets a background color to the page's container
+ to reveal the effects of negative z-index.
+*/
+.page-container {
+  background-color: tokens.$color-background-container-content;
+}
diff --git a/pages/app/components/page-view.tsx b/pages/app/components/page-view.tsx
index 537f7d599e..25f9795b70 100644
--- a/pages/app/components/page-view.tsx
+++ b/pages/app/components/page-view.tsx
@@ -5,6 +5,8 @@ import React, { lazy, Suspense } from 'react';
 import pagesContext from '../pages-context';
 import ErrorBoundary from './error-boundary';
 
+import styles from './page-view.scss';
+
 const pagesComponents: Record<string, ReturnType<typeof lazy>> = {};
 
 export default function PageView({ pageId }: { pageId: string }) {
@@ -15,7 +17,9 @@ export default function PageView({ pageId }: { pageId: string }) {
   return (
     <ErrorBoundary key={pageId}>
       <Suspense fallback={<span>Loading...</span>}>
-        <Page />
+        <div className={styles['page-container']}>
+          <Page />
+        </div>
       </Suspense>
     </ErrorBoundary>
   );
diff --git a/src/flashbar/collapsible.scss b/src/flashbar/collapsible.scss
index 880bd7cb1e..91d55742df 100644
--- a/src/flashbar/collapsible.scss
+++ b/src/flashbar/collapsible.scss
@@ -91,7 +91,7 @@ the grid layout will be:
   }
 
   > .item:not(:last-child) > .flash::before,
-  > .item.flash::before {
+  > .item.flash:before {
     box-shadow: awsui.$shadow-flash-collapsed;
   }
 }
diff --git a/src/flashbar/styles.scss b/src/flashbar/styles.scss
index 638419326d..6f7a8614b1 100644
--- a/src/flashbar/styles.scss
+++ b/src/flashbar/styles.scss
@@ -38,18 +38,7 @@
   color: awsui.$color-text-notification-default;
   overflow-wrap: break-word;
   word-wrap: break-word;
-
-  &::before {
-    @include styles.base-pseudo-element;
-    border-start-start-radius: awsui.$border-radius-flashbar;
-    border-start-end-radius: awsui.$border-radius-flashbar;
-    border-end-start-radius: awsui.$border-radius-flashbar;
-    border-end-end-radius: awsui.$border-radius-flashbar;
-    box-shadow: awsui.$shadow-flash-sticky;
-  }
-  &-refresh::before {
-    z-index: -1;
-  }
+  box-shadow: awsui.$shadow-flash-sticky;
 }
 
 .flash-list {