diff --git a/src/ProductPicker.js b/src/ProductPicker.js
index 21c6b987261f0b9ffe47e5e7185ee2545744a425..917dfbf71090130ae4c58a76a0dd6d1000f36be2 100644
--- a/src/ProductPicker.js
+++ b/src/ProductPicker.js
@@ -135,18 +135,19 @@ class ProductPicker extends React.Component {
               onChange={(e) => this.setCode(e.target.value)}
             />
           </Col>
-          <Col xs={4}>
+          <Col xs={12} sm={4}>
             <Typeahead
               id="product-name"
+              placeholder="nombre"
               labelKey="name"
               options={this.state.products}
               onChange={(name) => this.pickProduct(name[0])}
               selected={[]}
             />
           </Col>
-          <Col></Col>
-          {this.props.amount && <Col></Col>}
-          <Col xs={1}></Col>
+          <Col xs={false} sm></Col>
+          {this.props.amount && <Col xs={false} sm></Col>}
+          <Col xs={false} sm={1}></Col>
         </Form.Group>
       </Fetcher>
     );