diff --git a/pages/en-us/components/input.mdx b/pages/en-us/components/input.mdx
index 9cd494b..e87f846 100644
--- a/pages/en-us/components/input.mdx
+++ b/pages/en-us/components/input.mdx
@@ -105,10 +105,12 @@ Retrieve text input from a user.
 <Playground
   title="Icon"
   desc="Specify an icon component."
-  scope={{ Input, GitIcon }}
+  scope={{ Input, GitIcon, Spacer }}
   code={`
 <>
-  <Input icon={<GitIcon />} placeholder="The Evil Rabbit" />
+  <Input icon={<GitIcon />} placeholder="GitHub" />
+  <Spacer y={.5} />
+  <Input iconRight={<GitIcon />} placeholder="GitHub" />
 </>
 `} />
 
diff --git a/pages/zh-cn/components/input.mdx b/pages/zh-cn/components/input.mdx
index 88c2b16..89835cb 100644
--- a/pages/zh-cn/components/input.mdx
+++ b/pages/zh-cn/components/input.mdx
@@ -105,10 +105,12 @@ export const meta = {
 <Playground
   title="图标"
   desc="指定一个图标组件。"
-  scope={{ Input, GitIcon }}
+  scope={{ Input, GitIcon, Spacer }}
   code={`
 <>
   <Input icon={<GitIcon />} placeholder="输入 Git 地址" />
+  <Spacer y={.5} />
+  <Input iconRight={<GitIcon />} placeholder="输入 Git 地址" />
 </>
 `} />