From 1cee41c103691c15b03e2127fdd685342d8b7373 Mon Sep 17 00:00:00 2001
From: Jonathan Zempel <jzempel@gmail.com>
Date: Wed, 9 Jul 2025 16:29:27 -0400
Subject: [PATCH] fix(notifications): update `GlobalAlert` box-shadow to inset

---
 .../src/styled/global-alert/StyledGlobalAlert.spec.tsx          | 2 +-
 .../notifications/src/styled/global-alert/StyledGlobalAlert.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/notifications/src/styled/global-alert/StyledGlobalAlert.spec.tsx b/packages/notifications/src/styled/global-alert/StyledGlobalAlert.spec.tsx
index 841d5b37192..ab79e7220b0 100644
--- a/packages/notifications/src/styled/global-alert/StyledGlobalAlert.spec.tsx
+++ b/packages/notifications/src/styled/global-alert/StyledGlobalAlert.spec.tsx
@@ -45,7 +45,7 @@ describe('StyledGlobalAlert', () => {
 
     expect(container.firstChild).toHaveStyleRule(
       'box-shadow',
-      `0 ${DEFAULT_THEME.borderWidths.sm} ${DEFAULT_THEME.borderWidths.sm} ${color}`
+      `inset 0 -${DEFAULT_THEME.borderWidths.sm} 0 ${color}`
     );
   });
 });
diff --git a/packages/notifications/src/styled/global-alert/StyledGlobalAlert.ts b/packages/notifications/src/styled/global-alert/StyledGlobalAlert.ts
index 54f12dff3bf..caa5c75254f 100644
--- a/packages/notifications/src/styled/global-alert/StyledGlobalAlert.ts
+++ b/packages/notifications/src/styled/global-alert/StyledGlobalAlert.ts
@@ -74,7 +74,7 @@ const colorStyles = ({ theme, $alertType }: ThemeProps<DefaultTheme> & IStyledGl
   }
 
   // Apply a border without affecting the element's size
-  const boxShadow = `0 ${theme.borderWidths.sm} ${theme.borderWidths.sm} ${borderColor}`;
+  const boxShadow = `inset 0 -${theme.borderWidths.sm} 0 ${borderColor}`;
 
   /* stylelint-disable selector-no-qualifying-type */
   return css`