diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 4f6691b..67360ab 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -1051,19 +1051,29 @@ div.add-or-remove-shortcuts {
 /* Dropbutton */
 .js .dropbutton-widget {
   background-color: #fff;
-  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e7e7);
+  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #f3f5ee);
+  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #f3f5ee);
+  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #f3f5ee);
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #f3f5ee);
   border-radius: 5px;
 }
 .js .dropbutton-widget:hover {
-  background-color: #f0f0f0;
-  border-color: #b8b8b8;
+  background-color: #767774;
+  background-image: none;
+  border-color: #cbcbcb;
+}
+.js .dropbutton-widget:hover a {
+  color: #fff;
+}
+.js .dropbutton-widget:hover .dropbutton-arrow {
+  border-top-color: #fff;
 }
 .js .dropbutton-multiple.open .dropbutton-widget:hover {
   background-color: #fff;
 }
+.js .dropbutton-multiple.open .dropbutton-widget:hover a {
+  color: #0074bd;
+}
 .dropbutton-content li:first-child > * {
   text-overflow: ellipsis;
 }