diff --git a/src/main.js b/src/main.js
index 684fe6e..fb7bb0b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -12,7 +12,8 @@ import {
     faKey,
     faExclamationCircle,
     faEnvelope,
-    faHome
+    faHome,
+    faSearch
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
@@ -25,6 +26,7 @@ library.add(faExclamationCircle)
 library.add(faKey)
 library.add(faEnvelope)
 library.add(faHome)
+library.add(faSearch)
 
 Vue.component('font-awesome-icon', FontAwesomeIcon)
 
diff --git a/src/views/User.vue b/src/views/User.vue
index 58e3943..bfc8814 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -16,63 +16,73 @@
                 <span v-if="pcView">Ver impresoras</span>
                 <span v-else>Ver computadoras</span>
             </button>
-            <div class="mt-3" >Se observan {{ contador }} registros</div>
+            <div class="my-3" >Se observan {{ contador }} registros</div>
             <div class="row m-0 mt-1 mb-4">
                 <div class="row d-flex flex-wrap">
-                    <div class="col-md-3 col-4 my-2">
-                        <input
-                        type="text"
-                        id="Inventario"
-                        v-on:keyup="extraeInventario()"
-                        class="form-control input-login-form shadow-none"
-                        placeholder="Número de inventario"
-                        /> <!-- https://www.tutorialesprogramacionya.com/vueya/detalleconcepto.php?punto=7&codigo=7&inicio=0 -->
+                    <div class="input-group pl-3 col-12 col-md-4">
+                        <div class="input-group-prepend">
+                            <span class="input-group-text" id="basic-addon1">
+                                <font-awesome-icon icon="search" class="user-icon-input" />
+                            </span>
+                        </div>
+                        <input 
+                            type="text"
+                            id="Inventario"
+                            v-on:keyup="extraeInventario()"
+                            class="form-control input-login-form shadow-none"
+                            placeholder="Número de inventario ó de serie"
+                        />  <!-- https://www.tutorialesprogramacionya.com/vueya/detalleconcepto.php?punto=7&codigo=7&inicio=0 -->
                     </div>
-                    <div class="col-md-3 col-4 my-2">
-                        <select
-                            name="tipo"
-                            id="tipo"
-                            @change="buscaValor()"
+                    
+                    <div class="d-flex flex-wrap my-1">
+                        <div class="col-md-2 col-12 mt-3">
+                            <select
+                                name="tipo"
+                                id="tipo"
+                                @change="buscaValor()"
+                                class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Tipo</option>
+                                    <option v-show="pcView" v-for="opcion in tipo" :key="opcion.idActivoFijo" :value='opcion.activoFijo'>{{opcion.activoFijo}}</option>
+                                    <option v-show="!pcView" v-for="opcion in tipoPrinters" :key="opcion.tipo" :value='opcion.tipo'>{{opcion.tipo}}</option>
+                            </select>
+                        </div>
+                        <div class="col-md-2 col-12 mt-3">
+                            <select name="Ubica" id="Ubica" 
+                            @change="buscaUbica()"
                             class="form-control select-login-form shadow-none">
-                            <option value="Todos" selected>Tipo</option>
-                                <option v-show="pcView" v-for="opcion in tipo" :key="opcion.idActivoFijo" :value='opcion.activoFijo'>{{opcion.activoFijo}}</option>
-                                <option v-show="!pcView" v-for="opcion in tipoPrinters" :key="opcion.tipo" :value='opcion.tipo'>{{opcion.tipo}}</option>
-                        </select>
-                    </div>
-                    <div class="col-md-3 col-4 my-2">
-                        <select name="Ubica" id="Ubica" 
-                        @change="buscaUbica()"
-                        class="form-control select-login-form shadow-none">
-                            <option value="Todos" selected>Ubicación</option>
-                            <option v-for="opcion in Ubica" :key="opcion.ubicacion" :value='opcion.ubicacion'>{{opcion.ubicacion}}</option>
-                        </select>
-                    </div>
+                                <option value="Todos" selected>Ubicación</option>
+                                <option v-for="opcion in Ubica" :key="opcion.ubicacion" :value='opcion.ubicacion'>{{opcion.ubicacion}}</option>
+                            </select>
+                        </div>
+
+                        <div class="col-md-2 col-12 mt-3" v-if="pcView">
+                            <select name="Procesador" id="Procesador" 
+                            @change="buscaProcesador()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Procesador</option>
+                                <option v-for="opcion in procesa" :key="opcion.prodis" :value='opcion.prodis'>{{opcion.prodis}}</option>
+                            </select>
+                        </div>
+                        
+                        <div class="col-md-2 col-12 mt-3" v-show="pcView">
+                            <select name="SisOper" id="SisOper" 
+                            @change="buscaSisOper()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Sistema Operativo</option>
+                                <option v-for="opcion in os" :key="opcion.osname" :value='opcion.osname'>{{opcion.osname}}</option>
+                            </select>
+                        </div>
+
+                        <div class="col-md-2 col-12 mt-3">
+                            <select name="Uso" id="Uso" 
+                            @change="buscaUso()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Uso</option>
+                                <option v-for="opcion in uso" :key="opcion.uso" :value='opcion.uso'>{{opcion.uso}}</option>
+                            </select>
+                        </div>
+                        
 
-                    <div class="col-md-3 col-4 my-2">
-                        <select name="Uso" id="Uso" 
-                        @change="buscaUso()"
-                        clase="form-control select-login-form shadow-none">
-                            <option value="Todos" selected>Uso</option>
-                            <option v-for="opcion in uso" :key="opcion.uso" :value='opcion.uso'>{{opcion.uso}}</option>
-                        </select>
-                    </div>
-                    
-                    <div class="col-md-3 col-4 my-2" v-if="pcView">
-                        <select name="Procesador" id="Procesador" 
-                        @change="buscaProcesador()"
-                        class="form-control select-login-form shadow-none">
-                            <option value="Todos" selected>Procesador</option>
-                            <option v-for="opcion in procesa" :key="opcion.prodis" :value='opcion.prodis'>{{opcion.prodis}}</option>
-                        </select>
-                    </div>
-                    
-                    <div class="col-md-3 col-4 my-2" v-show="pcView">
-                        <select name="SisOper" id="SisOper" 
-                        @change="buscaSisOper()"
-                        clase="form-control select-login-form shadow-none">
-                            <option value="Todos" selected>Sistema Operativo</option>
-                            <option v-for="opcion in os" :key="opcion.osname" :value='opcion.osname'>{{opcion.osname}}</option>
-                        </select>
                     </div>
                 </div>
             </div>