diff --git a/src/public/js/components/list/filter.js b/src/public/js/components/list/filter.js
index 6137836..39450f1 100644
--- a/src/public/js/components/list/filter.js
+++ b/src/public/js/components/list/filter.js
@@ -3,9 +3,9 @@ import { Control, Form } from 'react-redux-form';
 
 export default function ListFilter(props) {
   return (
-    <div className="col-xs-12 col-md-12 list-filter">
-      <div className="row">
-        <Form model={props.formModel} className="input-group" >
+    <div className="row">
+      <div className="col-xs-12 col-md-12 list-filter">
+        <Form model={props.formModel} className="input-group hidebtn-xs" >
           <Control.text
             model={props.controlModel}
             className="form-control input-sm"
diff --git a/src/public/less/app.less b/src/public/less/app.less
index d1cfe4f..e09fb75 100644
--- a/src/public/less/app.less
+++ b/src/public/less/app.less
@@ -57,3 +57,9 @@ body {
 div.sweet-alert > h2 {
     color: @body-bg;
 }
+
+@media (max-width: @screen-xs-max) {
+    form.hidebtn-xs.input-group {
+        display: inherit;
+    }
+}