diff --git a/css/popup.css b/css/popup.css
index 14a51408..88426ee4 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -469,11 +469,12 @@ input[type=number]::-webkit-outer-spin-button {
     color: rgba(0, 0, 45, 0.48);
 }
 
-#search-class {
+.search-button {
     float: right;
     font-size: inherit;
     padding: 7px 11px;
     margin: 8px 0px;
+    background-color: #FF9800;
 }
 
 #import-export-popup {
diff --git a/popup.html b/popup.html
index e1e247ef..310fcec1 100644
--- a/popup.html
+++ b/popup.html
@@ -53,7 +53,7 @@
               </label>
             </div>
           </div>
-          <button id="search-class" class="material_button">Search</button>
+          <button id="search-class" class="material_button search-button">Search</button>
         </div>
         <button title='Import/Export' class="settings_button import_button" id='impexp'>
           <i class="material-icons settings_icon">import_export</i>