fix: style overrides

Author: katzino

apify-docs-theme/src/theme/SearchBar/index.js

@@ -1,5 +1,4 @@
-import './styles.css';
-
+// eslint-disable-next-line simple-import-sort/imports
 import BrowserOnly from '@docusaurus/BrowserOnly';
 import RouterLink from '@docusaurus/Link';
 import { useHistory, useLocation } from '@docusaurus/router';
@@ -8,6 +7,9 @@ import React, { useCallback } from 'react';
 
 import { ApifySearch } from '@apify/docs-search-modal';
 
+// needs to be imported as the last thing, so that it can override the default styles
+import './styles.css';
+
 /**
  * Tests whether the given href is pointing to the current docusaurus instance (so we can use the router link).
  */

apify-docs-theme/src/theme/custom.css

@@ -664,11 +664,16 @@ aside button[class*="collapseSidebarButton"] svg {
     padding: 0.8rem;
     font-size: 1.2rem;
     line-height: 1.6rem;
+    border-radius: 0.8rem;
     display: flex;
     align-items: center;
     gap: 0.4rem;
 }
 
+.navbar .dropdown__link:hover {
+    background: var(--color-Neutral_Hover);
+}
+
 .navbar .dropdown__link svg[class*=iconExternalLink] {
     margin-left: unset;
 }