From be94bcac0579b2d7bd2da3e4dd9165d942c99512 Mon Sep 17 00:00:00 2001
From: Jeffrey Chen <78434827+TCOTC@users.noreply.github.com>
Date: Sat, 17 Jan 2026 22:11:49 +0800
Subject: [PATCH] :lipstick: Improve adaptive width for message elements
 (#16837)

---
 app/src/assets/scss/component/_snackbar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/assets/scss/component/_snackbar.scss b/app/src/assets/scss/component/_snackbar.scss
index db7128c1e..16630d100 100644
--- a/app/src/assets/scss/component/_snackbar.scss
+++ b/app/src/assets/scss/component/_snackbar.scss
@@ -57,7 +57,7 @@
     box-sizing: border-box;
     box-shadow: var(--b3-tooltips-shadow);
     word-break: break-word;
-    max-width: 20vw;
+    width: clamp(20vw, calc(100vw - 60px), 350px);
     text-align: left;
     display: inline-block;