New source found from dndbeyond.com

ddb_main/components/XpManager/XpManager.tsx

@@ -9,9 +9,9 @@ import {
   RuleDataUtils,
 } from "@dndbeyond/character-rules-engine";
 
+import { Select } from "~/components/Select";
 import { useCharacterEngine } from "~/hooks/useCharacterEngine";
 import XpBar from "~/tools/js/smartComponents/XpBar";
-import { Select } from "~/tools/js/smartComponents/legacy";
 
 import { Button } from "../Button";
 import styles from "./styles.module.css";
@@ -144,15 +144,22 @@ export const XpManager: FC<XpManagerProps> = ({
       </div>
       <div className={clsx([styles.controls, styles.withDivider])}>
         <div className={styles.control}>
-          <label id="set-level" className={styles.label}>
+          <label
+            id="set-level-label"
+            htmlFor="set-levelButton"
+            className={styles.label}
+          >
             Set Level
           </label>
           <Select
-            aria-labelledby="set-level"
+            className={styles.levelSelect}
+            aria-labelledby="set-level-label"
             options={levelOptions}
             onChange={handleChooseLevel}
             value={levelChosen}
             placeholder={"--"}
+            name="set-level"
+            searchThreshold={null}
           />
         </div>
         <div className={clsx([styles.control, styles.setXp])}>