diff --git a/src/app.tsx b/src/app.tsx
index f89a63a..47b540a 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -176,7 +176,7 @@ function AppLayout(props: { children: any }) {
               onMouseUp={handleCenterTapRelease}
               onTouchEnd={handleCenterTapRelease}
             >
-              <Suspense fallback={<TerminalSplash />}>
+              <Suspense fallback={<TerminalSplash inverse />}>
                 <CustomScrollbar
                   autoHide={true}
                   autoHideDelay={1500}
diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
index f9c8e92..9f2e98f 100644
--- a/src/components/Spinner.tsx
+++ b/src/components/Spinner.tsx
@@ -7,7 +7,7 @@ export interface SpinnerProps {
   size?: "sm" | "md" | "lg" | "xl" | number;
   class?: string;
   "aria-label"?: string;
-  inverse: boolean;
+  inverse?: boolean;
 }
 
 const sizeMap = {
diff --git a/src/components/TerminalSplash.tsx b/src/components/TerminalSplash.tsx
index ee3e5b6..0cabe70 100644
--- a/src/components/TerminalSplash.tsx
+++ b/src/components/TerminalSplash.tsx
@@ -1,11 +1,11 @@
 import { Spinner } from "~/components/Spinner";
 
-export function TerminalSplash() {
+export function TerminalSplash(props?: { inverse?: boolean }) {
   return (
     <div class="bg-base flex min-h-screen w-full flex-col items-center justify-center overflow-hidden">
       <div class="text-text max-w-3xl p-8">
         <div class="flex items-center justify-center">
-          <Spinner size="xl" />
+          <Spinner size="xl" inverse={props?.inverse} />
         </div>
       </div>
     </div>