this issue because you're applying align-content: center; on .box:hover, but align-content is not a valid property for a flex item like .box. It's only valid on the flex container, which in your case is .container.