diff --git a/datasette/static/app.css b/datasette/static/app.css
index 815f6db8..09238858 100644
--- a/datasette/static/app.css
+++ b/datasette/static/app.css
@@ -206,14 +206,15 @@ a:link {
 	text-decoration: underline;
 }
 a:visited {
-	color: #54AC8E;
+	color: #041C8E;
 	text-decoration: underline;
 }
 a:hover,
 a:focus,
 a:active  {
-	color: #67C98D;
-	text-decoration: underline;
+    color: #07407B;
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
 }
 
 button.button-as-link {
@@ -254,7 +255,6 @@ ul.bullets li {
 	list-style-type: circle;
 }
 ul.tight-bullets li {
-    list-style-type: disc;
     margin-bottom: 0;
     word-break: break-all;
 }
@@ -691,15 +691,24 @@ button.core[type=button] {
 
 
 
+.facet-info-name {
+    text-align: center;
+    font-family: Helvetica, sans-serif;
+    font-size: 1.2em;
+    letter-spacing: 1px;
+}
 
 .facet-results {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    justify-content: space-around;
 }
 .facet-info {
-    width: 250px;
+    width: auto;
     margin-right: 15px;
+    border: 0px solid #8872;
+    padding: 10px;
 }
 .facet-info-total {
     font-size: 0.8em;
@@ -710,7 +719,21 @@ button.core[type=button] {
 .facet-info ul {
     margin: 0;
     padding: 0;
+    padding-bottom: 3px;
+    padding-top: 3px;
 }
+
+.facet-info li {
+   border-bottom: 1px solid #8872;
+   display: flex;
+   justify-content: space-between;
+   gap: 1em;
+}
+
+.facet-info li:hover {
+   background: #8872;
+}
+
 .facet-info ul {
     padding-left: 1.25em;
     margin-bottom: 1em;