diff --git a/polaris-react/src/components/Banner/Banner.tsx b/polaris-react/src/components/Banner/Banner.tsx
index 8ba6edb4c08..22ff2c52462 100644
--- a/polaris-react/src/components/Banner/Banner.tsx
+++ b/polaris-react/src/components/Banner/Banner.tsx
@@ -174,7 +174,7 @@ export const Banner = forwardRef<BannerHandles, BannerProps>(function Banner(
           <Icon source={iconName} color={iconColor} />
         </Box>
 
-        <Bleed top="05">
+        <Bleed horizontal="0" top="05">
           {headingMarkup}
           {contentMarkup}
         </Bleed>
diff --git a/polaris-react/src/components/Bleed/Bleed.stories.tsx b/polaris-react/src/components/Bleed/Bleed.stories.tsx
index 2cbf1f4e0a5..c63bb7fe8ca 100644
--- a/polaris-react/src/components/Bleed/Bleed.stories.tsx
+++ b/polaris-react/src/components/Bleed/Bleed.stories.tsx
@@ -34,7 +34,7 @@ export function Default() {
 export function WithVerticalDirection() {
   return (
     <Box background="surface" padding="4">
-      <Bleed vertical="6">
+      <Bleed horizontal="0" vertical="6">
         <div style={styles} />
       </Bleed>
     </Box>
@@ -54,7 +54,7 @@ export function WithHorizontalDirection() {
 export function WithSpecificDirection() {
   return (
     <Box background="surface" padding="4">
-      <Bleed top="6">
+      <Bleed horizontal="0" top="6">
         <div style={styles} />
       </Bleed>
     </Box>
diff --git a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx
index 82805f60fb6..140992e8b4e 100644
--- a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx
+++ b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx
@@ -7,22 +7,22 @@ function BleedSpecificDirectionExample() {
   return (
     <AlphaStack spacing="6" fullWidth>
       <Box background="surface" border="base" padding="4">
-        <Bleed top="4">
+        <Bleed horizontal="0" top="4">
           <Placeholder label="Top" />
         </Bleed>
       </Box>
       <Box background="surface" border="base" padding="4">
-        <Bleed bottom="4">
+        <Bleed horizontal="0" bottom="4">
           <Placeholder label="Bottom" />
         </Bleed>
       </Box>
       <Box background="surface" border="base" padding="4">
-        <Bleed left="4">
+        <Bleed horizontal="0" left="4">
           <Placeholder label="Left" />
         </Bleed>
       </Box>
       <Box background="surface" border="base" padding="4">
-        <Bleed right="4">
+        <Bleed horizontal="0" right="4">
           <Placeholder label="Right" />
         </Bleed>
       </Box>
diff --git a/polaris.shopify.com/pages/examples/bleed-vertical.tsx b/polaris.shopify.com/pages/examples/bleed-vertical.tsx
index ee3829fc323..4d60843a8cb 100644
--- a/polaris.shopify.com/pages/examples/bleed-vertical.tsx
+++ b/polaris.shopify.com/pages/examples/bleed-vertical.tsx
@@ -6,7 +6,7 @@ import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 function BleedVerticalExample() {
   return (
     <Box background="surface" border="base" padding="4">
-      <Bleed vertical="4">
+      <Bleed horizontal="0" vertical="4">
         <Placeholder label="Vertical" />
       </Bleed>
     </Box>