2 files changed, 12 insertions, 1 deletions
diff --git a/packages/gitbook-plugin-theme-default/less/Search.less b/packages/gitbook-plugin-theme-default/less/Search.less
index 38c1812..faa871f 100644
--- a/packages/gitbook-plugin-theme-default/less/Search.less
+++ b/packages/gitbook-plugin-theme-default/less/Search.less
@@ -11,7 +11,7 @@
     margin-top: -1px;
 
     input, input:focus, input:hover {
-        width: 100%;
+        width: 90%; // 10% room for clear input X
         background: transparent;
         border: 1px solid transparent;
         box-shadow: none;
@@ -22,6 +22,16 @@
     }
 }
 
+.Search-Clear {
+    width: 10%;
+    display: inline-block;
+    text-align: center;
+    font-size: 14px;
+    line-height: 22px;
+    color: @search-clear-color;
+    cursor: pointer;
+}
+
 
 .Search-MatchSpan {
     background: @search-highlight-color;
diff --git a/packages/gitbook-plugin-theme-default/less/variables.less b/packages/gitbook-plugin-theme-default/less/variables.less
index dd84dcf..4a063c9 100644
--- a/packages/gitbook-plugin-theme-default/less/variables.less
+++ b/packages/gitbook-plugin-theme-default/less/variables.less
@@ -45,6 +45,7 @@
 @tooltip-color:                     #fff;
 // Search
 @search-highlight-color:            rgba(255, 220, 0, 0.4);
+@search-clear-color:                @button-color;
 // Font awesome
 @path-assets:                       '.';
 @path-fonts:                        '@{path-assets}/fonts';