alignment product row class

The problem and solution will vary by theme and settings. Please post the link to your site so the markup and styles can be examined with browser tools.

Site is not live at moment, will clone it and post link here.

You can see the site here: https://www.fleetfeet.co.za. You will only see the alignment once you check out, here is snippet of the css:

media="all"
#content #checkout_page_container table.checkout_cart tr.product_row td, #content #checkout_page_container table.checkout_cart tr.product_row {
  padding: 2px 0px 1px 0px;
  margin: 0px;
  line-height: 1;
}

Styling is subjective, but try this in your custom css:

#content #checkout_page_container table.checkout_cart tr.header th,
#content #checkout_page_container table.checkout_cart tr.product_row td
{padding:12px 0 12px 8px; text-align:left; border:1px solid #eee;}

#content #checkout_page_container input[type="submit"]
{float:none}

#checkout_page_container table form
{margin-bottom:0}

If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://www.ads-software.com/plugins/simple-custom-css/

Ah that solved it, thank you so much ??