diff --git a/Documentation/Books/Users/localtheme/assets/style.css b/Documentation/Books/Users/localtheme/assets/style.css
index 4d6ddcace8..bc91c3f030 100755
--- a/Documentation/Books/Users/localtheme/assets/style.css
+++ b/Documentation/Books/Users/localtheme/assets/style.css
@@ -2916,4 +2916,23 @@ background-color: rgba(240,240,0,0.4);
 
 .book .book-body .page-wrapper .page-inner section.normal .deprecated pre{
 background-color: rgba(240,240,0,0.4);
+}
+
+#clear-search {
+    display: inline;
+    position: absolute;
+    top: 12px;
+    right: 9px;
+    font-size: 18pt;
+    line-height: 18pt;
+    color: #364149; // needs to be updated on theme change
+}
+
+#clear-search:hover {
+    color: #008cff; // needs to be updated on theme change
+    text-decoration: none;
+}
+
+.book .book-summary .book-search input{
+  padding-right: 20px !important;
 }
\ No newline at end of file
diff --git a/Documentation/Books/Users/localtheme/templates/includes/book/summary.html b/Documentation/Books/Users/localtheme/templates/includes/book/summary.html
index 24ffbd25af..2d8677b537 100644
--- a/Documentation/Books/Users/localtheme/templates/includes/book/summary.html
+++ b/Documentation/Books/Users/localtheme/templates/includes/book/summary.html
@@ -34,6 +34,7 @@
 
 <div class="book-summary">
     <div class="book-search">
+        <a id="clear-search" href="#">&times;</a>
         <input type="text" placeholder="Type to search" class="form-control" />
     </div>
     <ul class="summary">
@@ -87,4 +88,10 @@ $(function(){
     }
   });
 });
-</script>
\ No newline at end of file
+</script>
+<script type="text/javascript">
+$('#clear-search').on('click', function(event){
+    event.preventDefault();
+    $('.book-search input').val("").trigger("keyup");
+});
+</script>