fix(popover): fix display of title in popover with close button

Author: clementprevot

packages/fractal/src/components/Popover/Popover.tsx

@@ -297,20 +297,27 @@ export const Popover = forwardRef<CombinedRefs, PopoverProps>(
                   {(withCloseButton || !isEmpty(title)) && (
                     <div
                       className={cj(
-                        'flex flex-row items-center justify-between',
-                        !isEmpty(title) ? 'mb-1' : '',
+                        'flex flex-row items-center justify-between gap-1',
+                        !isEmpty(title) ? 'mb-2' : '',
                       )}
                     >
                       {!isEmpty(title) && (
-                        <Typography variant="body-1-bold">{title}</Typography>
+                        <Typography className="w-full" variant="body-1-bold">
+                          {title}
+                        </Typography>
                       )}
 
                       {withCloseButton && (
                         <RxPopover.Close
                           asChild
                           className={cj(`${PREFIX}-${GROUP_NAME}__close`)}
                         >
-                          <div className="mt-half flex size-full items-center justify-end text-right">
+                          <div
+                            className={cj(
+                              'flex items-center justify-end text-right',
+                              isEmpty(title) ? 'w-full' : '',
+                            )}
+                          >
                             <Button
                               icon={<CloseIcon />}
                               iconOnly