The issue is caused by flex-wrap: wrap. When the content is too long to fit on one line, flexbox wraps the second <span> to a new line.

To keep both spans on the same line regardless of the length, you can remove flex-wrap: wrap or add flex-wrap: nowrap (this prevents wrapping).