Change the layout of "Sold Out" on product page

Site URL: https://www.thebeach-concept.com/inventory

Password is 123456

Is there a way to change how "SOLD OUT" appears on the Product Page when the text is left justified? I can't stand how it looks stacked and to the right. I just want it under or on the same line as the price. Thanks y'all! 

I wish I could move the "Sold Out" to be next to the price, but for anyone who might be curious I used this code to move it.

.products.collection-content-wrapper .grid-meta-wrapper {display: block;}
.products.collection-content-wrapper .grid-meta-status {text-align: left; margin-top: .5rem;}

Hi. Do you still need help on this?

On Tablet, do you want to line up product name - image?