src/context/intermediate/Modals.tsx

@@ -12,12 +12,12 @@ import { SignedOutModal } from "./modals/SignedOut";
 
 export interface Props {
     screen: Screen;
-    openScreen: (id: any) => void;
+    openScreen: (screen: Screen) => void;
 }
 
 export default function Modals({ screen, openScreen }: Props) {
     const onClose = () =>
-        isModalClosing
+        isModalClosing || screen.id === "onboarding"
             ? openScreen({ id: "none" })
             : internalEmit("Modal", "close");
 

src/context/intermediate/modals/Onboarding.tsx

@@ -28,8 +28,8 @@ export function OnboardingModal({ onClose, callback }: Props) {
     const onSubmit: SubmitHandler<FormInputs> = ({ username }) => {
         setLoading(true);
         callback(username, true)
-            .then(onClose)
-            .catch((err: any) => {
+            .then(() => onClose())
+            .catch((err: unknown) => {
                 setError(takeError(err));
                 setLoading(false);
             });
@@ -40,7 +40,7 @@ export function OnboardingModal({ onClose, callback }: Props) {
             <div className={styles.header}>
                 <h1>
                     <Text id="app.special.modals.onboarding.welcome" />
-                    <img src={wideSVG} />
+                    <img src={wideSVG} loading="eager" />
                 </h1>
             </div>
             <div className={styles.form}>

src/context/intermediate/modals/Prompt.module.scss

@@ -7,7 +7,7 @@
         user-select: all;
         font-size: 1.4em;
         text-align: center;
-        font-family: var(--monoscape-font);
+        font-family: var(--monospace-font);
     }
 }