diff --git a/src/views/foca-modal-nota-pedido.html b/src/views/foca-modal-nota-pedido.html
index adbecd3..1b97894 100644
--- a/src/views/foca-modal-nota-pedido.html
+++ b/src/views/foca-modal-nota-pedido.html
@@ -2,11 +2,11 @@
     <h5 class="modal-title">Busqueda de Nota de Pedido</h5>
 </div>
 <div class="modal-body" id="modal-body">
-    <div class="input-group">
-        <small class="col-2 text-left my-1">Fecha Desde</small>
-        <div class="input-group mb-2 col-4">
+    <div class="input-group row">
+        <small class="col-lg-2 col-sm-4 text-left my-1">Fecha Desde</small>
+        <div class="col-lg-4 col-sm-8 input-group mb-2">
             <div class="input-group-prepend">
-                <div class="input-group-text">
+                <div class="input-group-text form-control-sm">
                     <i class="fa fa-calendar"></i>
                 </div>
             </div>
@@ -20,10 +20,10 @@
                 ng-required="true"
             />
         </div>
-        <small class="col-2 text-left my-1">Fecha Hasta</small>
-        <div class="input-group mb-2 col-4">
+        <small class="col-lg-2 col-sm-4 text-left my-1">Fecha Hasta</small>
+        <div class="col-lg-4 col-sm-8 input-group mb-2">
             <div class="input-group-prepend">
-                <div class="input-group-text">
+                <div class="input-group-text form-control-sm">
                     <i class="fa fa-calendar"></i>
                 </div>
             </div>