Woocommerce Checkout Page

The checkout fields on checkout page are squashed/too small and out of alignment.
The only code I found that helped a little was this:

(currently not added)

.checkout .col-1,
.checkout .col-2 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
max-width: none;
}

But it’s still is too small a missing some elements.
Here is the link to the shop page I’m building which will lead you to the checkoutpage.

https://catchbasinfilter.com/shop/

https://catchbasinfilter.com/checkout/

The page I need help with: [log in to see the link]