From 94364af68fbc88ced8d807e8e9534d23d474479e Mon Sep 17 00:00:00 2001
From: Yash <yashsaini18166@gmail.com>
Date: Sat, 31 Jan 2026 21:45:14 +0530
Subject: [PATCH] fix: Clarify welcome screen message about browser storage
 limitations (#10721)

* fix: Clarify welcome screen message about browser storage limitations

* css tweaks

* update snaps

---------

Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
---
 excalidraw-app/components/AppWelcomeScreen.tsx         | 10 +++++++++-
 .../tests/__snapshots__/MobileMenu.test.tsx.snap       |  6 +++++-
 .../components/welcome-screen/WelcomeScreen.scss       |  3 ++-
 packages/excalidraw/locales/en.json                    |  4 +++-
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/excalidraw-app/components/AppWelcomeScreen.tsx b/excalidraw-app/components/AppWelcomeScreen.tsx
index 5bb5073e9c..903af7a5f7 100644
--- a/excalidraw-app/components/AppWelcomeScreen.tsx
+++ b/excalidraw-app/components/AppWelcomeScreen.tsx
@@ -33,7 +33,15 @@ export const AppWelcomeScreen: React.FC<{
         return bit;
       });
   } else {
-    headingContent = t("welcomeScreen.app.center_heading");
+    headingContent = (
+      <>
+        {t("welcomeScreen.app.center_heading")}
+        <br />
+        {t("welcomeScreen.app.center_heading_line2")}
+        <br />
+        {t("welcomeScreen.app.center_heading_line3")}
+      </>
+    );
   }
 
   return (
diff --git a/excalidraw-app/tests/__snapshots__/MobileMenu.test.tsx.snap b/excalidraw-app/tests/__snapshots__/MobileMenu.test.tsx.snap
index 53b16c40ff..8bdc0f99ff 100644
--- a/excalidraw-app/tests/__snapshots__/MobileMenu.test.tsx.snap
+++ b/excalidraw-app/tests/__snapshots__/MobileMenu.test.tsx.snap
@@ -50,7 +50,11 @@ exports[`Test MobileMenu > should initialize with welcome screen and hide once u
   <div
     class="welcome-screen-center__heading welcome-screen-decor excalifont"
   >
-    All your data is saved locally in your browser.
+    Your drawings are saved in your browser's storage.
+    <br />
+    Browser storage can be cleared unexpectedly.
+    <br />
+    Save your work to a file regularly to avoid losing it.
   </div>
   <div
     class="welcome-screen-menu"
diff --git a/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss b/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss
index 96f1ca2df3..d3c64c551c 100644
--- a/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss
+++ b/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss
@@ -29,7 +29,7 @@
   // ---------------------------------------------------------------------------
 
   .welcome-screen-decor-hint {
-    @media (max-height: 599px) {
+    @media (max-height: 780px) {
       display: none !important;
     }
 
@@ -148,6 +148,7 @@
   .welcome-screen-center__heading {
     font-size: 1.125rem;
     text-align: center;
+    line-height: 1.35rem;
   }
 
   .welcome-screen-menu {
diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json
index b66485c73d..765ff06cdd 100644
--- a/packages/excalidraw/locales/en.json
+++ b/packages/excalidraw/locales/en.json
@@ -557,7 +557,9 @@
   },
   "welcomeScreen": {
     "app": {
-      "center_heading": "All your data is saved locally in your browser.",
+      "center_heading": "Your drawings are saved in your browser's storage.",
+      "center_heading_line2": "Browser storage can be cleared unexpectedly.",
+      "center_heading_line3": "Save your work to a file regularly to avoid losing it.",
       "center_heading_plus": "Did you want to go to the Excalidraw+ instead?",
       "menuHint": "Export, preferences, languages, ..."
     },