diff --git a/static/css/style-search.css b/static/css/style-search.css
index c8c8507..ad3df4f 100644
--- a/static/css/style-search.css
+++ b/static/css/style-search.css
@@ -227,8 +227,17 @@ body.menu-open {
     margin-top: 5px;
     font-size: 14px;
     color: var(--font-fg);
+    cursor: pointer;
 }
 
+.icon-button:hover button,
+.icon-button:hover p {
+    color: var(--blue);
+    font-weight: normal;
+    transform: none;
+}
+
+
 /* Menu Button */
 .settings-icon-link-search {
     position: fixed;
diff --git a/templates/search.html b/templates/search.html
index 66f6db8..08c9db7 100755
--- a/templates/search.html
+++ b/templates/search.html
@@ -141,35 +141,36 @@
             <div class="search-type-icons">
                 <input type="hidden" name="p" value="1">
 
-                <div class="icon-button">
-                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="text">search</button>
+                <div class="icon-button" onclick="document.getElementById('sub-search-wrapper-ico-text').click()">
+                    <button id="sub-search-wrapper-ico-text" class="material-icons-round clickable" name="t" value="text">search</button>
                     <p>{{ translate "web" }}</p>
                 </div>
-
-                <div class="icon-button">
-                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="image">image</button>
+                
+                <div class="icon-button" onclick="document.getElementById('sub-search-wrapper-ico-image').click()">
+                    <button id="sub-search-wrapper-ico-image" class="material-icons-round clickable" name="t" value="image">image</button>
                     <p>{{ translate "images" }}</p>
                 </div>
-
-                <div class="icon-button">
-                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="video">movie</button>
+                
+                <div class="icon-button" onclick="document.getElementById('sub-search-wrapper-ico-video').click()">
+                    <button id="sub-search-wrapper-ico-video" class="material-icons-round clickable" name="t" value="video">movie</button>
                     <p>{{ translate "videos" }}</p>
                 </div>
-
-                <div class="icon-button">
-                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="forum">forum</button>
+                
+                <div class="icon-button" onclick="document.getElementById('sub-search-wrapper-ico-forum').click()">
+                    <button id="sub-search-wrapper-ico-forum" class="material-icons-round clickable" name="t" value="forum">forum</button>
                     <p>{{ translate "forums" }}</p>
                 </div>
-
-                <div class="icon-button">
-                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="map">map</button>
+                
+                <div class="icon-button" onclick="document.getElementById('sub-search-wrapper-ico-map').click()">
+                    <button id="sub-search-wrapper-ico-map" class="material-icons-round clickable" name="t" value="map">map</button>
                     <p>{{ translate "maps" }}</p>
                 </div>
-
-                <div class="icon-button">
-                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="file">share</button>
+                
+                <div class="icon-button" onclick="document.getElementById('sub-search-wrapper-ico-file').click()">
+                    <button id="sub-search-wrapper-ico-file" class="material-icons-round clickable" name="t" value="file">share</button>
                     <p>{{ translate "torrents" }}</p>
                 </div>
+                
             </div>
         </div>
     </form>