diff --git a/src/assets/style/theme/theme-base.scss.REMOVED.git-id b/src/assets/style/theme/theme-base.scss.REMOVED.git-id
index a92d8174..fcd48ec1 100644
--- a/src/assets/style/theme/theme-base.scss.REMOVED.git-id
+++ b/src/assets/style/theme/theme-base.scss.REMOVED.git-id
@@ -1 +1 @@
-875522462ce00aa53ebb933ad8a70561bf30dfc5
\ No newline at end of file
+134f6af0a62409abc3a59f2e23a1a00817f44b4c
\ No newline at end of file
diff --git a/src/layout/header-aside/components/panel-search/index.vue b/src/layout/header-aside/components/panel-search/index.vue
index 89df983b..1d1f3c95 100644
--- a/src/layout/header-aside/components/panel-search/index.vue
+++ b/src/layout/header-aside/components/panel-search/index.vue
@@ -1,6 +1,12 @@
 <template>
-  <div class="panel-search" flex="dir:top">
-    <div class="panel-search__input-group" flex-box="0" flex="dir:top main:center cross:center">
+  <div
+    class="panel-search"
+    flex="dir:top">
+    <div
+      class="panel-search__input-group"
+      flex-box="0"
+      flex="dir:top main:center cross:center"
+      @click.self="handlePanelClick">
       <d2-icon-svg
         class="panel-search__logo"
         name="d2-admin-text"/>
@@ -15,7 +21,9 @@
         :clearable="true"
         @keydown.esc.native="handleEsc"
         @select="handleSelect">
-        <d2-panel-search-item slot-scope="{ item }" :item="item"/>
+        <d2-panel-search-item
+          slot-scope="{ item }"
+          :item="item"/>
       </el-autocomplete>
       <div class="panel-search__tip">
         您可以使用快捷键
@@ -155,6 +163,12 @@ export default {
         this.$refs.input.activated = false
       }
     },
+    /**
+     * @augments 接收用户点击空白区域的关闭
+     */
+    handlePanelClick () {
+      this.handleEsc()
+    },
     /**
      * @augments 接收用户触发的关闭
      */
diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index b90f977a..abaf4afc 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -11,7 +11,7 @@
       <div
         class="d2-theme-header"
         :style="{
-          opacity: this.searchActive ? 0.3 : 1
+          opacity: this.searchActive ? 0.5 : 1
         }"
         flex-box="0">
         <div class="logo-group" :style="{width: asideCollapse ? asideWidthCollapse : asideWidth}">
@@ -42,7 +42,7 @@
           class="d2-theme-container-aside"
           :style="{
             width: asideCollapse ? asideWidthCollapse : asideWidth,
-            opacity: this.searchActive ? 0.3 : 1
+            opacity: this.searchActive ? 0.5 : 1
           }">
           <d2-menu-side/>
         </div>