diff --git a/packages/web/src/components/Footer.astro b/packages/web/src/components/Footer.astro
index 20d65ee9dec1..2e407e7eed27 100644
--- a/packages/web/src/components/Footer.astro
+++ b/packages/web/src/components/Footer.astro
@@ -110,7 +110,8 @@ const discord = config.social?.find((item) => item.icon === "discord")
   }
 
   .doc :global(starlight-lang-select select) {
-    min-width: 7em;
+    min-width: 18ch;
+    max-width: min(100%, 20rem);
   }
 
   @media (min-width: 30rem) {