diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 08ad8bac4..b4b1c8665 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -83,7 +83,8 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
 #header {
   min-height: 8.7ex;
   margin: 0;
-  background: linear-gradient(180deg, #628DB6 30%, #356D92);
+  background: linear-gradient(180deg, rgb(98, 141, 182) 30%, rgb(53, 109, 146));
+  box-shadow: 0 2px 6px rgba(53, 109, 146, 0.15);
   color: #f8f8f8;
   padding: 4px 16px 20px 16px;
   position: relative;
@@ -113,16 +114,22 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
   display: block;
   color: #fff;
   text-decoration: none;
-  font-size: 93%;
+  font-size: 0.8125rem;
   margin: 0;
-  padding: 4px 10px 4px 10px;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
+  padding: 3px 10px 5px 10px;
+  border-bottom: 5px solid transparent;
+  transition: border-bottom-color .15s ease, color .15s ease, text-shadow .15s ease;
+}
+#main-menu li a:hover {
+  border-bottom-color: #759FCF;
+  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
+}
+#main-menu li a.selected {
+  border-bottom-color: #67E8F9;
+  font-weight: bold;
 }
-#main-menu li a:hover {background: #759FCF; color: #fff; }
 #main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {display: block;}
-#main-menu li a.selected, #main-menu li a.selected:hover {background: #fff; color: #555; font-weight: bold;}
-#main-menu li a.new-object {background-color: #759FCF; }
+#main-menu li a.new-object {background-color: #759FCF; border-radius: 3px; height: 0.8125rem;}
 
 #main-menu .menu-children {
   display: none;