diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css
index 7911db413..5411e50dc 100644
--- a/docs/src/components/Header/LanguageSelect.css
+++ b/docs/src/components/Header/LanguageSelect.css
@@ -3,7 +3,7 @@
width: 48px;
box-sizing: border-box;
margin: 0;
- padding: 0.33em 0.5em;
+ padding: 0.33em 2rem;
overflow: visible;
font-weight: 500;
font-size: 1rem;
@@ -21,8 +21,6 @@
transition-duration: 0.2s;
transition-property: border-color, color;
-webkit-font-smoothing: antialiased;
- padding-left: 30px;
- padding-right: 1rem;
-webkit-appearance: none;
}
.language-select-wrapper .language-select:hover,
diff --git a/docs/src/components/Header/Search.css b/docs/src/components/Header/Search.css
index 2056c2c8f..559c676ee 100644
--- a/docs/src/components/Header/Search.css
+++ b/docs/src/components/Header/Search.css
@@ -3,6 +3,18 @@
--docsearch-primary-color: var(--theme-accent);
--docsearch-logo-color: var(--theme-text);
}
+
+.DocSearch-Modal .DocSearch-Hit a {
+ box-shadow: none;
+ border: 1px solid var(--theme-accent);
+}
+
+
+/** Style Search Bar */
+.search-placeholder {
+ flex-grow: 1;
+ text-align: initial;
+}
.search-input {
flex-grow: 1;
box-sizing: border-box;
@@ -40,9 +52,6 @@
color: var(--theme-text-light);
}
.search-hint {
- position: absolute;
- top: 7px;
- right: 19px;
padding: 3px 5px;
display: none;
display: none;
@@ -65,12 +74,3 @@
display: flex;
}
}
-
-/* ------------------------------------------------------------ *\
- DocSearch (Algolia)
-\* ------------------------------------------------------------ */
-
-.DocSearch-Modal .DocSearch-Hit a {
- box-shadow: none;
- border: 1px solid var(--theme-accent);
-}
diff --git a/docs/src/components/Header/Search.tsx b/docs/src/components/Header/Search.tsx
index a1684e49f..5f05f744f 100644
--- a/docs/src/components/Header/Search.tsx
+++ b/docs/src/components/Header/Search.tsx
@@ -51,7 +51,7 @@ export default function Search() {
strokeLinejoin="round"
/>
- Search
+ Search
Press
/