From 0ed57be2f05b86e8b1359b0368fe87d9bf0c1bc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=A4=9A=E7=9B=8A?= <wuduoyi@baidu.com>
Date: Mon, 8 May 2023 14:03:31 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E9=81=BF=E5=85=8D=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A1=86=E8=A2=AB=E4=B8=BB=E9=A2=98=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=BD=B1=E5=93=8D=20Closes=20#6389=20(#6819)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/components/DocSearch.jsx | 2 +-
 examples/style.scss               | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/examples/components/DocSearch.jsx b/examples/components/DocSearch.jsx
index 6bb07f6e5..760568e2e 100644
--- a/examples/components/DocSearch.jsx
+++ b/examples/components/DocSearch.jsx
@@ -164,7 +164,7 @@ export default class DocSearch extends React.Component {
           show={this.state.show}
           position={'right'}
         >
-          <div className={`${this.props.theme.ns}TextControl-input search-bar`}>
+          <div className={`search-bar`}>
             <Icon icon="search" className="icon" />
             <input
               ref={this.ref}
diff --git a/examples/style.scss b/examples/style.scss
index 41b285134..61ad95376 100644
--- a/examples/style.scss
+++ b/examples/style.scss
@@ -949,16 +949,23 @@ body {
 
   .search-bar {
     padding: 22px 20px;
-    border: 0;
     border-bottom: 1px solid #e8ebee;
     border-radius: 0;
     font-size: 16px;
     font-weight: 500;
+    display: flex;
 
     > .icon-search {
       margin-right: 10px;
       top: 1px;
     }
+    > input {
+      flex-basis: 1.875rem;
+      flex-grow: 1;
+      border: none;
+      outline: none;
+      width: 100%;
+    }
   }
 
   .search-result {