I had a plugin update notification in wordpress for contact form 7. After I updated the plugin, the contact form format got out of wack. The link to the website is actually screenshots comparing the two forms. In the prior version of the contact form (before the update), it worked fine. If i restore the website with the prior version of contact form then it goes back to normal.

The following is the form code:

<div class="flat-input">
<div class="overflow-hidden">
<div class="half-column half-column-left">
    
</div>
<div class="half-column half-column-right">
    [email* your-email placeholder "Email address"]
</div>  
</div>
<div class="overflow-hidden">
<div class="half-column half-column-left">
    
</div>
<div class="half-column half-column-right">
    
</div>  
</div>
[textarea your-message placeholder "Message"]
<p><button type="submit" class="wpcf7-submit wpcf7-submit-custom btn btn-filled btn-new ti-arrow-right">SEND MESSAGE</button></p>
</div>

Can you let me know why the format got messed up and how to fix it?

Thank you for your help in advance

Could anyone please help me?
Thank you so much

Im using Acabado theme, and when I change the theme the problem goes away. I looked through the theme files but I couldnt figure out where that is coming from. The theme does not offer support. This problem existed from the moment I installed the theme and I have not modified any of the code. I tried uninstalling the theme and reinstalling it but the problem was still there. How can I fix this?

Shared link looks like
Borken code looks like

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) { 
	jQuery( '#slider-pro-3-256' ).sliderPro({
		//width
				width: "100%",</p>
<p>		//height
				autoHeight: true,</p>
<p>		//autoplay
				autoplay:  true,
		autoplayOnHover: 'none',
								autoplayDelay: 5000,</p>
<p>		arrows: true,
		buttons: true,
		smallSize: 500,
		mediumSize: 1000,
		largeSize: 3000,
		fade: true,</p>
<p>		//thumbnail
		thumbnailArrows: true,
		thumbnailWidth: 120,
		thumbnailHeight: 120,
						thumbnailsPosition: 'bottom',
						centerImage: true,
		imageScaleMode: 'cover',
		allowScaleUp: true,
				startSlide: 0,
		loop: true,
		slideDistance: 5,
		autoplayDirection: 'normal',
		touchSwipe: true,
		fullScreen: true,
	});
});
</script>

The code have “<p>” inside, and obviously dont work. I add the code for remove the filter “autop” but dont work.

Unfortunately, it works only with the default WP theme and no additional plugins installed.