diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 3f9edb30..3421689c 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -636,7 +636,7 @@ fieldset > table td input[type="radio"] {
 	margin-bottom: 0.5rem;
 }
 .no-css {
-	display: none;
+	display: none !important;
 }
 #tags .date {
 	margin:0;
@@ -743,7 +743,7 @@ nav.episodes span {
 	color: var(--text-primary);
 	display: inline-block;
 	text-align: center;
-	border: inset thin var(--text-primary);
+	border: solid thin var(--text-primary);
 }
 nav.episodes span:nth-child(-n+2),
 nav.episodes span:nth-child(-n+2) a {
@@ -764,17 +764,24 @@ nav.episodes span a {
 }
 nav.episodes span a:hover {
 	background-color: var(--link-primary-hover);
-	color: var(--link-navigation-hover);
+	color: var(--link-secondary-hover);
 }
-nav.episodes span a img {
-	filter: none;
-}
-nav.episodes img {
+nav.episodes svg {
 	margin: 0 0.2rem;
 	height: 0.85em;
 	max-width: 13px;
 	vertical-align: middle;
 }
+nav.episodes span a svg #arrow,
+nav.episodes span a svg #bar {
+	stroke: var(--link-primary);
+	fill: var(--link-primary);
+}
+nav.episodes span a:hover svg #arrow,
+nav.episodes span a:hover svg #bar {
+	stroke: var(--link-secondary-hover);
+	fill: var(--link-secondary-hover);
+}
 @media (min-width: 600px) {
 	body > header .bounding-box {
 		justify-content: space-between;
@@ -924,8 +931,18 @@ nav.episodes img {
 	#hosts td:nth-child(-n+2) {
 		color: var(--text-primary);
 	}
-		nav.episodes span a:hover {
+	nav.episodes span a:hover {
 		background-color: var(--link-primary-hover);
 		color: var(--link-navigation-hover);
 	}
+	nav.episodes span svg #arrow,
+	nav.episodes span svg #bar {
+		stroke: var(--text-primary);
+		fill: var(--text-primary);
+	}
+	nav.episodes span a:hover svg #arrow,
+	nav.episodes span a:hover svg #bar {
+		stroke: var(--link-navigation-hover);
+		fill: var(--link-navigation-hover);
+	}
 }