From e2167dcd55edccc9eec792c40772a040d3f42592 Mon Sep 17 00:00:00 2001
From: Jeremy <15975785+jw-foss@users.noreply.github.com>
Date: Fri, 17 Mar 2023 07:31:41 +0800
Subject: [PATCH] fix(style): [message-box] border box (#12086)

---
 packages/theme-chalk/src/message-box.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/theme-chalk/src/message-box.scss b/packages/theme-chalk/src/message-box.scss
index 564e2f20f7..14c9c88817 100644
--- a/packages/theme-chalk/src/message-box.scss
+++ b/packages/theme-chalk/src/message-box.scss
@@ -23,6 +23,8 @@
   text-align: left;
   overflow: hidden;
   backface-visibility: hidden;
+  // To avoid small screen overflowing, see #11919
+  box-sizing: border-box;
 
   &:focus {
     outline: none !important;
@@ -236,6 +238,7 @@
     transform: translate3d(0, -20px, 0);
     opacity: 0;
   }
+
   100% {
     transform: translate3d(0, 0, 0);
     opacity: 1;
@@ -247,6 +250,7 @@
     transform: translate3d(0, 0, 0);
     opacity: 1;
   }
+
   100% {
     transform: translate3d(0, -20px, 0);
     opacity: 0;