Unwanted CSS applied to the page search button

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index eeb778a8ed3d38f3693d5c8aba72849d89230648..a208639b2f96c7d9ab6da4e57cd134bba05af368 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -428,14 +428,15 @@
                }
        }
        
-       .pageHeaderSearchInputButton {
+       /* Increases the specificity to overrule the CSS for <button>. */
+       .pageHeaderSearchInputButton.pageHeaderSearchInputButton {
                background-color: $wcfHeaderMenuLinkBackground;
                border-radius: 0 0 2px 0;
                color: $wcfHeaderMenuLink;
                padding: 4px 9px;
                
                &:hover {
-                       background: $wcfHeaderMenuLinkBackgroundActive;
+                       background-color: $wcfHeaderMenuLinkBackgroundActive;
                        color: $wcfHeaderMenuLinkActive;
                }
        }