When I refresh the page (below’s a gif)
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?