import { c } from 'ttag';
import { Button, Icon, Tooltip } from '@proton/components';

interface Props {
    onClose: () => void;
}

const PopoverCloseButton = ({ onClose }: Props) => {
    return (
        <Tooltip title={c('Event popover close button').t`Close popover`}>
            <Button icon shape="ghost" size="small" onClick={onClose}>
                <Icon name="cross-big" alt={c('Action').t`Close event popover`} />
            </Button>
        </Tooltip>
    );
};

export default PopoverCloseButton;

import { c } from 'ttag';
import { Button, Icon, Tooltip } from '@proton/components';

interface Props {
    onClose: () => void;
}

const PopoverCloseButton = ({ onClose }: Props) => {
    return (
        <Tooltip title={c('Event popover close button').t`Close popover`}>
            <Button icon shape="ghost" size="small" onClick={onClose}>
                <Icon name="cross" alt={c('Action').t`Close event popover`} />
            </Button>
        </Tooltip>
    );
};

export default PopoverCloseButton;

--- 
+++ 
@@ -9,7 +9,7 @@
     return (
         <Tooltip title={c('Event popover close button').t`Close popover`}>
             <Button icon shape="ghost" size="small" onClick={onClose}>
-                <Icon name="cross" alt={c('Action').t`Close event popover`} />
+                <Icon name="cross-big" alt={c('Action').t`Close event popover`} />
             </Button>
         </Tooltip>
     );
Increase size of popover close icon to 'cross-big'

CALWEB-3542
