diff --git a/dashboard-ui/css/search.css b/dashboard-ui/css/search.css
index fe77427502..ee046f0ef8 100644
--- a/dashboard-ui/css/search.css
+++ b/dashboard-ui/css/search.css
@@ -165,12 +165,24 @@
 .viewMenuSearch {
     position: fixed;
     top: 0;
-    left: 0;
+    left: 0%;
     right: 0;
     background: #000000;
     z-index: 1000;
 }
 
+@media all and (min-width: 800px) {
+    .headerSearchInput {
+        width: 93%;
+    }
+}
+
+@media all and (min-width: 1200px) {
+    .headerSearchInput {
+        width: 96%;
+    }
+}
+
 .viewMenuSearch:not(.hide) {
     display: inline-block;
 }
diff --git a/dashboard-ui/scripts/search.js b/dashboard-ui/scripts/search.js
index fd5e22047b..703bc9e9c7 100644
--- a/dashboard-ui/scripts/search.js
+++ b/dashboard-ui/scripts/search.js
@@ -60,7 +60,7 @@
 
         self.showSearchPanel = function (page) {
 
-            $('.viewMenuSearch').removeClass('hide').animate({ "left": "0px" }, "fast");
+            $('.viewMenuSearch').removeClass('hide');
             $('.headerSearchInput').focus();
         };
     }