Lightbox image not centering about react-photo-gallery HOT 3 OPEN

const customStyles = {
    view: () => ({
        // none of react-images styles are passed to <View />
        position: 'relative',
        '& > img': {
            position: 'relative',
            margin: '0 auto'
        },
    })
};

..........

<div className={'px-20'}>
    <Gallery photos={photos} onClick={openLightbox} />
    <ModalGateway>
        {viewerIsOpen ? (
            <Modal onClose={closeLightbox}>
                <Carousel
                    currentIndex={currentImage}
                    styles={customStyles}
                    views={photos.map(x => ({
                        ...x,
                        srcset: x.srcSet,
                        caption: x.title
                    }))}
                />
            </Modal>
        ) : null}
    </ModalGateway>
</div>