Hatch Theme: Static Homepage css affecting blog page

I found this tip: HATCH theme: trouble with static HOME page

Hello all, after trying to figure out how to achieve this on my own site for a few hours I figured it out.
You need to edit style.css and replace

.home .hentry, .archive .hentry {
	float: left;
	width: 23.40425531914894%;
	height: 150px;
	margin: 0 2.127659574468085% 20px 0;
	position: relative;
	overflow: hidden;
}

with

.home .hentry {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 1em;
}
.archive .hentry {
	float: left;
	width: 23.40425531914894%;
	height: 150px;
	margin: 0 2.127659574468085% 20px 0;
	position: relative;
	overflow: hidden;
}

And then in the wordpress reading settings page change the frontpage to be the static page you want.

This worked for my static homepage, but it’s also affecting my blog page. The blog posts are all stacked up on the left side, instead of tiled across in 4 columns.

Blog page (wrong formatting)
Homepage (working correctly)
Categories (working correctly)

Any ideas? It seems like the .archive .hentry css should return things to default, but it’s not.