From 7c91a609dafd8bb93df86f86b6f8e084d7f5c58e Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Sat, 7 Nov 2026 00:20:06 +0100
Subject: [PATCH] fix(demo): the phone welcome sheet is opaque, so the
 dashboard does not show through its list

---
 client/src/components/Demo/MDemoWelcome.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Demo/MDemoWelcome.tsx b/client/src/components/Demo/MDemoWelcome.tsx
index 3532562cb..2737072b8 100644
--- a/client/src/components/Demo/MDemoWelcome.tsx
+++ b/client/src/components/Demo/MDemoWelcome.tsx
@@ -102,7 +102,7 @@ export default function MDemoWelcome({
   const title = t(creditsOpen ? 'demo.credits.title' : 'demo.welcome.title');
 
   return (
-    <MSheet open={open} onClose={close} variant="bottom" material="glass" ariaLabel={t('demo.welcome.eyebrow')}>
+    <MSheet open={open} onClose={close} variant="bottom" material="opaque" ariaLabel={t('demo.welcome.eyebrow')}>
       <div className="flex max-h-[88dvh] min-h-0 flex-col">
         <FormSheetHeader
           leading={