diff --git a/server_ui/media/main.css b/server_ui/media/main.css
index 799a43bdb03b139343cb7f510641695670beb3b8..079870d8ed55a1a87a79532baed71639bd590b78 100644
--- a/server_ui/media/main.css
+++ b/server_ui/media/main.css
@@ -76,14 +76,14 @@ table.pretty th, td {
 }
 
 .highlight-box {
-  background:#ccc;
+  background:#eee;
   padding: 10px;
   color: black;
   border: 1px solid #888;
 }
 
 .highlight-box-margin {
-  background:#ccc;
+  background:#eee;
   padding: 10px;
   color: black;
   border: 1px solid #888;
diff --git a/server_ui/templates/index.html b/server_ui/templates/index.html
index c1f7d0459153244ea222a8cf3e499f1b69d38d16..6450d286e0f55fd1e9ea60b3b7912b8ee3f17371 100644
--- a/server_ui/templates/index.html
+++ b/server_ui/templates/index.html
@@ -24,7 +24,7 @@
 <em>none yet</em><br />
 {% endif %}
 <div style="text-align:right">
-<button style="font-size:1.2em;"><a href="{% url helios.views.election_new %}">create election &gt;</a></button>
+<a href="{% url helios.views.election_new %}" style="font-size: 1.2em; padding:5px; background: #eee; border: 1px solid #888">create election &gt;</a>
 </div>
 {% endif %}