diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index e25aaf6..419edb0 100644
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -37,9 +37,19 @@
 	background-position: center;
 
 	.btn-outline-secondary {
-		color: #eee;
-		border-color: #666;
-		background: rgba(102, 102, 102, 0.3);
+		color: rgba(255, 255, 255, 0.8);
+		border-color: rgba(0, 0, 0, 0.6);
+		background: rgba(0, 0, 0, 0.3);
+	}
+
+	.btn-outline-secondary:hover {
+		color: #fff;
+		border-color: rgba(0, 0, 0, 0.8);
+		background: rgba(0, 0, 0, 0.6);
+	}
+
+	.text-secondary {
+		color: rgba(255, 255, 255, 0.8) !important;
 	}
 }
 
diff --git a/app/templates/base.html b/app/templates/base.html
index f52006c..e0cdf03 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -7,7 +7,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
 	<link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
-	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=8">
+	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=9">
 	<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
 	<link rel="shortcut icon" href="/favicon-16.png" sizes="16x16">
 	<link rel="icon" href="/favicon-128.png" sizes="128x128">