z-index not working as expected, box-shadow of parent component should be slightly above the span

Question

I\'m trying to follow this YouTube video (URL is timestamped).

The problem I\'m facing, is that the moment I add the z-index property onto the span