fix(popover): move arrow to StyedBase to prevent line-height override

twilio-labs · Jul 8, 2020 · b549721 · b549721 · vercel · Jul 8, 2020
1 parent 345f3dd
commit b549721
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/paste-core/components/popover/src/Popover.tsx b/packages/paste-core/components/popover/src/Popover.tsx
@@ -38,9 +38,9 @@ const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(({children, ...pr
   const popover = React.useContext(PopoverContext);
   return (
     <NonModalDialogPrimitive {...(popover as any)} {...props} as={StyledPopover} ref={ref}>
-      <PopoverArrow {...(popover as any)} />
       {/* import Paste Theme Based Styles due to portal positioning. */}
       <StyledBase>
+        <PopoverArrow {...(popover as any)} />
         <Box padding="space50" paddingLeft="space70" paddingRight="space70">
           {children}
           <Absolute preset="top_right" top={8} right={8}>