It's because you use Flex-grow:1;,by using flex-grow only, its basis tends to be auto, for a flex item that has auto as its basis, it normally takes the width of the content in it. So advisely you use Flex-flow:1; then your max-width