diff --git a/docs/src/components/Elements/dropdown.js b/docs/src/components/Elements/dropdown.js
index 443547132d..31c2bf05a7 100644
--- a/docs/src/components/Elements/dropdown.js
+++ b/docs/src/components/Elements/dropdown.js
@@ -53,20 +53,27 @@ export default function Dropdown() {
     return match ? match[1] : null;
   };
 
-  const changeDefaultSystem = (systems) => {
+  const changeDefaultSystem = async (systems) => {
     const userAgent = navigator.userAgent;
+
+    const arc = await navigator?.userAgentData?.getHighEntropyValues([
+      "architecture",
+    ]);
+
     if (userAgent.includes("Windows")) {
       // windows user
       setDefaultSystem(systems[2]);
     } else if (userAgent.includes("Linux")) {
       // linux user
       setDefaultSystem(systems[3]);
-    } else if (userAgent.includes("Mac OS") && userAgent.includes("Intel")) {
-      // mac intel user
-      setDefaultSystem(systems[1]);
-    } else {
-      // mac user and also default
+    } else if (
+      userAgent.includes("Mac OS") &&
+      arc &&
+      arc.architecture === "arm"
+    ) {
       setDefaultSystem(systems[0]);
+    } else {
+      setDefaultSystem(systems[1]);
     }
   };
   useEffect(() => {