From 2da40dc472759e91f5e4b94a595d8901c7128217 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=A9=E6=B0=B8=E5=B0=9A=E5=B7=B1?=
 <naoki.vienna@gmail.com>
Date: Thu, 9 Apr 2020 23:03:31 +0900
Subject: [PATCH] Add limitation docs ScopedCssBaseline

---
 docs/src/pages/components/css-baseline/css-baseline.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/src/pages/components/css-baseline/css-baseline.md b/docs/src/pages/components/css-baseline/css-baseline.md
index 286b8be42aa1d2..d153eb9ce54072 100644
--- a/docs/src/pages/components/css-baseline/css-baseline.md
+++ b/docs/src/pages/components/css-baseline/css-baseline.md
@@ -32,16 +32,20 @@ It's possible to apply the baseline only to the children by using the `ScopedCss
 ```jsx
 import React from 'react';
 import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+import MyApp from './MyApp';
 
 export default function MyApp() {
   return (
     <ScopedCssBaseline>
       {/* The rest of your application */}
+      <MyApp />
     </ScopedCssBaseline>
   );
 }
 ```
 
+⚠️ Make sure you import `ScopedCssBaseline` first to avoid box-sizing conflicts as in the above example.
+
 ## Approach
 
 ### Page