From d43421cfc7d4e772dec150901ed58f8157d004ac Mon Sep 17 00:00:00 2001
From: Drew Lyton <lytle.drew@gmail.com>
Date: Mon, 30 Sep 2024 11:15:00 +0200
Subject: [PATCH] feat: remove center

---
 .../panes/document/documentPanel/banners/Banner.tsx        | 7 +++----
 .../documentPanel/banners/PermissionCheckBanner.tsx        | 1 -
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/sanity/src/structure/panes/document/documentPanel/banners/Banner.tsx b/packages/sanity/src/structure/panes/document/documentPanel/banners/Banner.tsx
index 994df8a855f..f6b8a70f1fe 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/banners/Banner.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/banners/Banner.tsx
@@ -16,22 +16,21 @@ interface BannerProps {
   content: ReactNode
   icon?: ComponentType
   tone?: CardTone
-  center?: boolean
 }
 
 export function Banner(props: BannerProps) {
-  const {action, center, content, icon: Icon, tone = 'transparent', ...rest} = props
+  const {action, content, icon: Icon, tone = 'transparent', ...rest} = props
 
   return (
     <Card borderBottom paddingX={4} paddingY={2} tone={tone} {...rest}>
-      <Flex align="center" justify={center ? 'center' : undefined} gap={3}>
+      <Flex align="center" gap={3}>
         {Icon && (
           <Text size={0}>
             <Icon />
           </Text>
         )}
 
-        <Flex align="center" flex={center ? undefined : 1} gap={2} paddingY={3}>
+        <Flex align="center" flex={1} gap={2} paddingY={3}>
           {content}
         </Flex>
 
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/banners/PermissionCheckBanner.tsx b/packages/sanity/src/structure/panes/document/documentPanel/banners/PermissionCheckBanner.tsx
index c3db3bf1266..04c46d357a0 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/banners/PermissionCheckBanner.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/banners/PermissionCheckBanner.tsx
@@ -58,7 +58,6 @@ export function PermissionCheckBanner({granted, requiredPermission}: PermissionC
             />
           </Text>
         }
-        center
         action={
           isOnlyViewer && roleRequestStatus && !requestStatusError && !requestStatusLoading
             ? {