NextJS Image weird resizing behaviour when refreshing

When I refresh the page (below’s a gif)
enter image description here

The Image is resized in a weird way.

            <WifiWidgetContainer>
              <Image
                src={`/assets/[email protected]`}
                alt="wifi_icon"
                objectFit="contain"
                fill
              />
            </WifiWidgetContainer>


const WifiWidgetContainer = styled(Box)({
  width: 20,
  height: 20,
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  position: "relative",
});

I want to the Image not resizing on reloading visually.

I tried to comment objectFit="contain", it doesn’t resize anymore but that’s not the Image size I want. How to fix that?