diff --git a/docs/data/material/components/material-icons/material-icons-pt.md b/docs/data/material/components/material-icons/material-icons-pt.md
index 68c0ddf486f44f..dd16eb4125a34f 100644
--- a/docs/data/material/components/material-icons/material-icons-pt.md
+++ b/docs/data/material/components/material-icons/material-icons-pt.md
@@ -21,6 +21,6 @@ See the [Installation](/material-ui/getting-started/installation/) page for addi
 
 {{"component": "modules/components/ComponentLinkHeader.js"}}
 
-{{"component": "modules/components/SearchIcons.js"}}
+{{"demo": "SearchIcons.js", "hideToolbar": true, "bg": true}}
 
 ℹ️ The search supports synonyms. Try searching for "hamburger" or "logout".
diff --git a/docs/data/material/components/material-icons/material-icons-zh.md b/docs/data/material/components/material-icons/material-icons-zh.md
index cd5e151b526e91..0a713751e6346a 100644
--- a/docs/data/material/components/material-icons/material-icons-zh.md
+++ b/docs/data/material/components/material-icons/material-icons-zh.md
@@ -21,6 +21,6 @@ See the [Installation](/material-ui/getting-started/installation/) page for addi
 
 {{"component": "modules/components/ComponentLinkHeader.js"}}
 
-{{"component": "modules/components/SearchIcons.js"}}
+{{"demo": "SearchIcons.js", "hideToolbar": true, "bg": true}}
 
 ℹ️ The search supports synonyms. Try searching for "hamburger" or "logout".