how to set fixed height in reactimagemagnify

Question

Currently I am using reactimagemagnify library in my next js project. But can't set specific height. I'm getting unexpected behavior when I'm going to set a specific height. Entering the cursor on a small image gives a blank space below the image

 <Grid item xs={12} md={6}>
<Stack
          maxWidth="440px"
          width="100%"
          height="440px"
        
        >
          <ReactImageMagnify
            {...{
              smallImage: {
                alt: "image",
                isFluidWidth: true,
                src: preViewImage,
                              },
              largeImage: {
                src: preViewImage,
                width: 1200,
                height: 1800,
              },
              enlargedImageContainerStyle: {
                zIndex: "1500",
              },
              enlargedImageContainerDimensions: {
                width: "100%",
                height: "100%",
              },
              enlargedImagePosition: isSmall ? "over" : "beside",
            }}
          />
        </Stack>
</Grid>

i want a fixed height for small image.