Too little space in input fields on checkout page (Wordpress Woocommerce). Can it be fixed?

Question

css

There is a small site on WordPress, with the ability to order goods.
In the checkout form, as well as in the login / account registration form, the input fields are displayed incorrectly - they are too small.

Can this be fixed? Where to add what?
form-checkout.php looks like this:

if ( ! defined( 'ABSPATH' ) ) {
  exit;
}

do_action( 'woocommerce_before_checkout_form', $checkout );

// If checkout registration is disabled and not logged in, the user cannot checkout.
if ( ! $checkout->is_registration_enabled() && $checkout->is_registration_required() && ! is_user_logged_in() ) {
  echo esc_html( apply_filters( 'woocommerce_checkout_must_be_logged_in_message', __( 'You must be logged in to checkout.', 'woocommerce' ) ) );
  return;
}

?>

<form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo esc_url( wc_get_checkout_url() ); ?>" enctype="multipart/form-data">

  <?php if ( $checkout->get_checkout_fields() ) : ?>

    <?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>

    <div class="col2-set" id="customer_details">
      <div class="col-1">
      <?php do_action( 'woocommerce_checkout_billing' ); ?>
      </div>

      <div class="col-2">
        <?php do_action( 'woocommerce_checkout_shipping' ); ?>
      </div>
    </div>

    <?php do_action( 'woocommerce_checkout_after_customer_details' ); ?>

  <?php endif; ?>
  
  <?php do_action( 'woocommerce_checkout_before_order_review_heading' ); ?>
  
  <h3 id="order_review_heading"><?php esc_html_e( 'Your order', 'woocommerce' ); ?></h3>
  
  <?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

  <div id="order_review" class="woocommerce-checkout-review-order">
    <?php do_action( 'woocommerce_checkout_order_review' ); ?>
  </div>

  <?php do_action( 'woocommerce_checkout_after_order_review' ); ?>

</form>

<?php do_action( 'woocommerce_after_checkout_form', $checkout ); ?>

The installed theme (Coeus) didn't interact with Woocommerce at all. But she is beautiful
Thank you to everyone who will respond.

Answer 1

No matter how I twisted the styles, nothing came of it. The issue was resolved by switching from Woocommerce to Ecwid ;)

Answer 2

css needs to be corrected.
try like this:

.form-row input[type="email"], .form-row input[type="number"], .form-row input[type="password"], .form-row input[type="search"], .form-row input[type="tel"], .form-row input[type="text"], .form-row input[type="url"], .form-row input[type="color"], .form-row input[type="date"], .form-row input[type="datetime"], .form-row input[type="datetime-local"], .form-row input[type="month"], .form-row input[type="time"], .form-row input[type="week"], .form-row select, .form-row textarea {width:100% !important;}

Answer 3

I had the same problem on Hello Elementor theme Multi-Step Checkout for WooCommerce plugin helped