html - flex-wrap causing next line to have too big of a gap

I have this flexbox that is used to vertically centre two lines of text. The two lines of text are too far apart. Here is an image of what I'm talking about: Here is my code: CSS .vertical-cente

html - Remove space (gaps) between multiple lines of flex items when they wrap - Stack Overflow

Understanding the flex-wrap property in CSS

CSS Gap Property: A Beginner's Guide To Perfectly Spaced Layouts

When to use Flexbox and when to use CSS Grid - LogRocket Blog

Ordering flex items - CSS: Cascading Style Sheets

CSS Gap Space with Flexbox

Applying CSS: word-wrap, overflow-wrap & word-break

Basic concepts of flexbox - CSS: Cascading Style Sheets

html - Why does my flex-wrap have large gaps and why does it change the flex-direction to a column? - Stack Overflow

Handling Short And Long Content In CSS