CSS Required Field X Not Displaying Properly

[KateMacwil]

Hi

I have created a Contact 7 Form and added some custom css as shown below.

When I click the Sign-Up button and don't enter any data, the red box displaying the error X is being cut off.

I thought it might have been my border, so I removed that and tested and the issue persists.

How do I resolve this?

div#wpcf7-f3791-p3734-o1 {
	border-radius: 25px;
    border: 2px dashed #0c6bb5;
    padding: 20px;
}

 

Edited April 18, 2018 by KateMacwil
forgot to add something

[dsonesuk]

Try given it overflow: visible; or increase padding so is shows completely within the container.

[KateMacwil]

Perfect!

Thank you!