fix: update popover dialog styles

sanity-io · Nov 8, 2023 · cbc258f · cbc258f
1 parent 8b6ec25
commit cbc258f
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/sanity/src/core/components/popoverDialog/PopoverDialog.tsx b/packages/sanity/src/core/components/popoverDialog/PopoverDialog.tsx
@@ -60,25 +60,24 @@ export function PopoverDialog(props: PopoverDialogProps) {
     referenceElement?.focus()
   }, [onClose, referenceElement])
 
+  // @todo: these use the same styles as dialogs, can this be shared?
   const content = (
     <PopoverContainer width={width}>
       <TrapFocus autoFocus>
         <Stack ref={containerRef}>
           <StickyLayer>
-            <Box padding={2} paddingLeft={3}>
+            <Box padding={2} paddingLeft={4}>
               <Flex align="center" gap={2}>
                 <Box flex={1}>
-                  <Text textOverflow="ellipsis" weight="medium">
+                  <Text size={1} textOverflow="ellipsis" weight="medium">
                     {header}
                   </Text>
                 </Box>
-
                 <Button icon={CloseIcon} mode="bleed" onClick={handleClose} />
               </Flex>
             </Box>
           </StickyLayer>
-
-          {children}
+          <Box padding={4}>{children}</Box>
         </Stack>
       </TrapFocus>
     </PopoverContainer>