diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css
index 5678ec3a6c..62fe3cc8e1 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css
@@ -1,3 +1,13 @@
-.search-field{
+.search-field {
     width: 267px;
 }
+@media only screen and (max-width: 400px) {
+    .search-field {
+        width: 200px;
+    }
+}
+@media only screen and (max-width: 320px) {
+    .search-field {
+        width: 160px;
+    }
+}