Hello @jasanber,
In fact, this part is designed and implemented as such. If you want to make any changes, you need to customize it yourself: https://i.postimg.cc/RZY2sYrL/image.png
However, it can help you to achieve it, so please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
.woocommerce ul.products li.product h2 {
min-height: 110px;
}
.woocommerce ul.products li.product .category,
.woocommerce ul.products li.product .price-wrap,
.woocommerce ul.products li.product .rating {
min-height: 25px;
}
@media(min-width: 769px) and (max-width:960px) {
.woocommerce ul.products li.product h2 {
min-height: 70px;
}
.woocommerce ul.products li.product .rating {
min-height: 25px;
}
}
Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.
You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/
Best Regards