diff --git a/index.html b/index.html
index 76e5f09..d300ce8 100644
--- a/index.html
+++ b/index.html
@@ -32,8 +32,8 @@
 td.never { background-color: #ff95e0; }
 td.na { color: #888; }
 td.unknown { color: #888; }
-tr:nth-child(even) td { background-color: #f8f8f8; }
-tr:hover td { background-color: #eff; }
+tr:nth-child(even), tr:nth-child(even) td:first-child { background-color: #f8f8f8; }
+tr:hover, tr:hover td:first-child { background-color: #eff; }
 
 /* based on https://css-tricks.com/rotated-table-column-headers/ */
 .rotate { padding: 0; height: 100px; white-space: nowrap; }
diff --git a/index.js b/index.js
index 515477b..8e560dc 100644
--- a/index.js
+++ b/index.js
@@ -706,7 +706,7 @@ const popup = (...kids) => {
 		}
 	};
 	let content;
-	const root = dom.div(style({ position: 'fixed', top: 0, right: 0, bottom: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.1)', display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1 }), function keydown(e) {
+	const root = dom.div(style({ position: 'fixed', top: 0, right: 0, bottom: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.1)', display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 2 }), function keydown(e) {
 		if (e.key === 'Escape') {
 			e.stopPropagation();
 			close();
@@ -1131,7 +1131,7 @@ const init = async () => {
 		const features = (state.Features || []).filter(f => checkFilters(f) && (!featregex || featregex.test(f.ID)) && matchTextFeature(f));
 		software.sort((a, b) => a.ID < b.ID ? -1 : 1);
 		features.sort((a, b) => a.ID < b.ID ? -1 : 1);
-		const ntable = dom.table(dom.thead(style({ position: 'sticky', top: '0', backgroundColor: 'white', zIndex: '2' }), dom.tr(dom.td(style({ verticalAlign: 'bottom', textAlign: 'right', fontWeight: 'bold' }), 'Features ', dom.clickbutton('+', attr.title('Add feature'), function click() {
+		const ntable = dom.table(dom.thead(style({ position: 'sticky', top: '0', backgroundColor: 'white', zIndex: 2 }), dom.tr(dom.td(style({ verticalAlign: 'bottom', textAlign: 'right', fontWeight: 'bold' }), 'Features ', dom.clickbutton('+', attr.title('Add feature'), function click() {
 			const nf = {
 				ID: '',
 				Created: new Date(),
diff --git a/index.ts b/index.ts
index 0118f0b..4893071 100644
--- a/index.ts
+++ b/index.ts
@@ -17,7 +17,7 @@ const popup = (...kids: ElemArg[]) => {
 	}
 	let content: HTMLElement
 	const root = dom.div(
-		style({position: 'fixed', top: 0, right: 0, bottom: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.1)', display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1}),
+		style({position: 'fixed', top: 0, right: 0, bottom: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.1)', display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 2}),
 		function keydown(e: KeyboardEvent) {
 			if (e.key === 'Escape') {
 				e.stopPropagation()
@@ -591,7 +591,7 @@ console.log('qs', qs)
 		features.sort((a: api.Feature, b: api.Feature) => a.ID < b.ID ? -1 : 1)
 		const ntable = dom.table(
 			dom.thead(
-				style({position: 'sticky', top: '0', backgroundColor: 'white', zIndex: '2'}),
+				style({position: 'sticky', top: '0', backgroundColor: 'white', zIndex: 2}),
 				dom.tr(
 					dom.td(
 						style({verticalAlign: 'bottom', textAlign: 'right', fontWeight: 'bold'}),