Code for woocommerce terms and conditions checkbox in registration form appears inverted

I have copied the php code to display a 'terms and conditions' checkbox on the registration page but it appears inverted and I don't know why.

// Add term and conditions check box on registration form
add_action( 'woocommerce_register_form', 'add_terms_and_conditions_to_registration', 20);
function add_terms_and_conditions_to_registration() {

if ( wc_get_page_id( 'terms' ) > 0 && is_account_page() ) {
    ?>
    <p class="form-row terms wc-terms-and-conditions">
        <label class="woocommerce-form__label woocommerce-form__label-for-checkbox checkbox">
            <input type="checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="terms" <?php checked( apply_filters( 'woocommerce_terms_is_checked_default', isset( $_POST['terms'] ) ), true ); ?> id="terms" /> <span><?php printf( __( 'I&rsquo;ve read and accept the <a href="%s" target="_blank" class="woocommerce-terms-and-conditions-link">terms &amp; conditions</a>', 'woocommerce' ), esc_url( wc_get_page_permalink( 'terms' ) ) ); ?></span> <span class="required">*</span>
        </label>
        <input type="hidden" name="terms-field" value="1" />
    </p>
<?php
}
}

// Validate required term and conditions check box
add_action( 'woocommerce_register_post', 'terms_and_conditions_validation', 20, 3 );
function terms_and_conditions_validation( $username, $email, $validation_errors ) {
if ( ! isset( $_POST['terms'] ) )
    $validation_errors->add( 'terms_error', __( 'Terms and condition are not checked!', 
'woocommerce' ) );

return $validation_errors;
}

inverted text