Try switching theme to another one.
OK, that worked .. but clearly not a solution.
What do I need to fix?
Your theme has wrong styles applied to the validation error messages. Ask the theme author to fix it.
I hardly see what it has to do with the theme.
Surly I need to change the css for contact form 7?
WHat would I need to change?
Link to your url? I will check which css must be modified.
If switching themes worked, it means that your current themes style sheet is overriding CF7 styles and causing the form fields to display incorrectly. It’s not a solution to switch themes but a method to debug if it’s the theme or contact form. It’s your theme causing the problem, post a link to your site if you want help with the CSS though this isn’t really the forum for that. You should post to your themes support forum or stackoverflow. This is purely CSS related.