Bottom-border line cuts across lines in H2 tag

I noticed that whenever I had a heading overflowing onto another line, the bottom-border line always appeared in between the lines. A quick look at the CSS file for the theme revealed the directive:

#content .node h2 {
	border-bottom: 1px solid #154ead;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 30px;
}

Correcting it to:

#content .node h2 {
	border-bottom: 1px solid #154ead;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 30px;
}

solved the problem. Is this what the author wanted to achieve?

I'm attaching the corrected style.css file.