diff --git a/client/src/search-mod/SearchBox.view.js b/client/src/search-mod/SearchBox.view.js
index a6d3a45b9073de13915bf239d1220ac9f21ec632..30bf4c298dd7d45a06856669fc0287929ac3e7ec 100644
--- a/client/src/search-mod/SearchBox.view.js
+++ b/client/src/search-mod/SearchBox.view.js
@@ -64,6 +64,7 @@ class SearchBox{
     this.element.className = 'search-box';
     
     this.element.innerHTML  =  ` 
+      <button class="search-btn">Composition</button>
       <div class="search-query-wrapper" >
         <div id="syntax-error">
           <div>Invalid query syntax</div>
@@ -71,7 +72,6 @@ class SearchBox{
         <div class="search-query-box" style="float: left;"></div>
         <button class="clean-btn" style="float: right;">Clear all</button>
       </div>
-
       <!-- this button should be out of the search box because its functionality
            is not part of the search box, it's general for the search module
            and it's probably being removed eventually -->