[Plugin: Contact Form 7] error highlights (wpcf7-not-valid-tip) are misaligned

They are not aligned naturally. If you want them to be aligned, edit your CSS stylesheet. The class is “wpcf7-not-valid-tip”.

I added the following to my stylesheet with no results. Is there something I’m doing wrong in the naming of the class? My goal is to fix the styles for the error messages shown next to the fields.

.wpcf7-not-valid-tip {
	color:red;
	font-size: 9px;
}

I think I found it. It should have been:

.wpcf7-not-valid-tip-no-ajax {
}