Morocco edged past Canada to top Group F and reach the World Cup knockout stage for the first time in 36 years.

The Atlas Lions, whose previous trip to the last 16 came in 1986, finished above 2018 finalists Croatia, while Belgium - ranked second in the world - are out after finishing third in the group.

A tough test awaits in the next round as they come up against 2010 champions Spain on Tuesday.

Morocco went ahead after just four minutes courtesy of a goalkeeping howler from Milan Borjan.

The Canada keeper sprinted out of his goal but passed the ball straight to Hakim Ziyech, who lofted a cool finish into an open net from 30 yards.

The north African side doubled their advantage through Youssef En-Nesyri's well-taken goal as he controlled Achraf Hakimi's superb pass before firing in.

But sloppy defending gave Canada a route back into the game when West Ham's Nayef Aguerd stuck a boot out to divert the ball into his own net - the 100th goal scored at this World Cup.

Knowing if they avoided defeat they would go through, Morocco were happy to sit back and soak up pressure in the second period.