diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css
index 4e878714bf..7911db4132 100644
--- a/docs/src/components/Header/LanguageSelect.css
+++ b/docs/src/components/Header/LanguageSelect.css
@@ -23,6 +23,7 @@
   -webkit-font-smoothing: antialiased;
   padding-left: 30px;
   padding-right: 1rem;
+  -webkit-appearance: none;
 }
 .language-select-wrapper .language-select:hover,
 .language-select-wrapper .language-select:focus {
@@ -35,13 +36,37 @@
 }
 .language-select-wrapper > svg {
   position: absolute;
-  top: 7px;
-  left: 10px;
+  top: 8px;
+  left: 8px;
   pointer-events: none;
 }
 
+.language-select-wrapper::before,
+.language-select-wrapper::after {
+  position: absolute;
+  top: 18px;
+  content: '';
+  width: 8px;
+  height: 1px;
+  background: var(--theme-text-light);
+}
+.language-select-wrapper::before {
+  right: 10px;
+  transform: rotate(45deg);
+}
+.language-select-wrapper::after {
+  right: 5px;
+  transform: rotate(-45deg);
+}
+
 @media (min-width: 50em) {
   .language-select {
     width: 100%;
   }
+  .language-select-wrapper::before {
+    right: 16px;
+  }
+  .language-select-wrapper::after {
+    right: 11px;
+  }
 }
diff --git a/yarn.lock b/yarn.lock
index 1e765411e7..a490b2de7a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2502,6 +2502,66 @@ astring@^1.7.4:
     globby "^11.0.3"
     tar "^6.1.0"
 
+astro@^0.18.12:
+  version "0.18.13"
+  resolved "https://registry.yarnpkg.com/astro/-/astro-0.18.13.tgz#33f8c2e7c89477fd559fbcf1adc8afc95ce48398"
+  integrity sha512-HWQA/C+M6Mht2Jmy6gC6Pyh4qKxQC1doMBJR9cYrCDaJs+Reyz1CkKcndI/PeJcpz3HSxAlo77sfMCXtsg8SeQ==
+  dependencies:
+    "@astrojs/markdown-support" "0.2.3"
+    "@astrojs/parser" "0.18.5"
+    "@astrojs/prism" "0.2.2"
+    "@astrojs/renderer-preact" "0.2.1"
+    "@astrojs/renderer-react" "0.2.0"
+    "@astrojs/renderer-svelte" "0.1.1"
+    "@astrojs/renderer-vue" "0.1.7"
+    "@babel/code-frame" "^7.12.13"
+    "@babel/core" "^7.14.6"
+    "@babel/generator" "^7.13.9"
+    "@babel/parser" "^7.13.15"
+    "@babel/traverse" "^7.13.15"
+    "@snowpack/plugin-postcss" "^1.4.3"
+    "@snowpack/plugin-sass" "^1.4.0"
+    acorn "^7.4.0"
+    astring "^1.7.4"
+    autoprefixer "^10.2.5"
+    babel-plugin-module-resolver "^4.1.0"
+    camel-case "^4.1.2"
+    cheerio "^1.0.0-rc.6"
+    ci-info "^3.2.0"
+    del "^6.0.0"
+    es-module-lexer "^0.4.1"
+    esbuild "^0.12.12"
+    estree-util-value-to-estree "^1.2.0"
+    estree-walker "^3.0.0"
+    fast-xml-parser "^3.19.0"
+    fdir "^5.0.0"
+    find-up "^5.0.0"
+    get-port "^5.1.1"
+    gzip-size "^6.0.0"
+    kleur "^4.1.4"
+    magic-string "^0.25.3"
+    mime "^2.5.2"
+    moize "^6.0.1"
+    node-fetch "^2.6.1"
+    path-to-regexp "^6.2.0"
+    picomatch "^2.2.3"
+    postcss "^8.2.15"
+    postcss-icss-keyframes "^0.2.1"
+    prismjs "^1.23.0"
+    resolve "^1.20.0"
+    rollup "^2.43.1"
+    rollup-plugin-terser "^7.0.2"
+    sass "^1.32.13"
+    semver "^7.3.5"
+    shorthash "^0.0.2"
+    slash "^4.0.0"
+    snowpack "^3.8.3"
+    string-width "^5.0.0"
+    supports-esm "^1.0.0"
+    tiny-glob "^0.2.8"
+    unified "^9.2.1"
+    yargs-parser "^20.2.7"
+
 async-limiter@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
@@ -9254,7 +9314,7 @@ smartwrap@^1.2.3:
     wcwidth "^1.0.1"
     yargs "^15.1.0"
 
-snowpack@^3.8.6:
+snowpack@^3.8.3, snowpack@^3.8.6:
   version "3.8.6"
   resolved "https://registry.yarnpkg.com/snowpack/-/snowpack-3.8.6.tgz#0bef5c071caef86a2f91aa5c3d5b70d0c2e2793c"
   integrity sha512-EZ3Y7RtTiPvxnVFTKPfkvi2PKBrprXCvOHKWQQLBkHonf+xdtG51RiNjtrRLJeCjislAlD6OoeGHUxz76ToGHw==