diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index b40ab33..a8dc98e 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -103,7 +103,7 @@
       </div>
 
       <!-- SPINNER -->
-      <div *ngIf="productos.length === 0"  class="col-sm-10 align-self-center">
+      <div *ngIf="productos.length === 0 && showSpinner"  class="col-sm-10 align-self-center">
           <div class="spinner-border spinner-lg text-secondary" role="status"></div>
           <span class="text-secondary m-2 h5">Cargando información.</span>
       </div>
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index c2faf24..4fea2c0 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -12,6 +12,7 @@ export class BusquedaProductosComponent implements OnInit {
   productos: Producto[] = [];
   auxProductos: Producto[] = [];
   searchTerm: string = '';
+  showSpinner: boolean = true;
 
   constructor(private productoService: ProductoService) { }
 
@@ -22,7 +23,7 @@ export class BusquedaProductosComponent implements OnInit {
 
         this.auxProductos = this.productos = data;
       }, (error) => {
-        
+        this.showSpinner = false;
         console.error(error);
       });
   }