diff --git a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
index 053d59f..5bd5dae 100644
--- a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
+++ b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
@@ -31,23 +31,25 @@
           src="assets/img/logo-spot.svg">
         <small class="col-12 px-0 my-1 h-100 h-md-25 align-self-end text-center text-truncate">Todos</small>
       </div>
-      <div
+      <div *ngFor="let categoria of categorias; let i = index;">
+        <div
         class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
         [ngClass]="{ 'active rounded shadow px-2': categoria.selected,
                   'border-bottom-effect': !categoria.selected,
                   'media-pantalla': templateCategorias.classList.contains('media-pantalla')}"
         (click)="selectCategoria(i, categoria.id)"
         id="cat-content"
-        *ngFor="let categoria of categorias; let i = index;">
+        *ngIf="categoria.articulos > 0">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="d-none d-sm-block rounded-circle w-auto h-75"
+          class="d-none d-sm-block rounded-circle w-auto h-auto col-12"
           src="{{urlImagenes}}{{categoria.path_imagen}}"
           onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
         <small class="col-12 px-1 my-1 h-100 h-md-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
       </div>
+      </div>
     </div>
     <div class="col-auto btn-effect h-5 cat-btn">
       <img