Heading formatting

I have a table in which I’ve added the following code in the plugin options

.tablepress-id-40 {
	border: 2px solid #42846B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3A6587;
}

There is also another code entry

.tablepress-id-40 .column-2 {
	width: 200px;
	min-width: 200px;
}

Unfortunately, the headings don’t match the columns underneath. The third column values (the column headed “King”) appear underneath the up/down arrow heads for the second column, for example.

Specifying the column width for column 2 seems to cause the problem. Can you suggest a fix? I know there are a number of different ways to solve the problem of too-wide/scrolling tables, apologies for being lazy and asking you which one to use!

Many tks

David.

The page I need help with: [log in to see the link]