How to change WooCommerce checkout widget order summary column width

Question

I'm using Astra theme and WooCommerce checkout widget. The first column in order summary is too narrow so it compresses the name of the product. How to change first column width?

Answer 1

Looks like I found the css which is controlling it. Changed max-width to 300px and it looks better now.

.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name { padding-right: 40px; max-width: 150px; }