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 8317f5f..565aec1 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
@@ -1,66 +1,66 @@
 <!-- FILTRO CATEGORIAS -->
-  <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
-  <div class="row mx-0 h-94 justify-content-center align-items-center">
-    <div class="col-auto btn-effect h-5 cat-btn">
+<p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
+<div class="row mx-0 h-94 justify-content-center align-items-center">
+  <div class="col-auto btn-effect h-5 cat-btn">
+    <img
+      draggable="false"
+      ondragstart="return false;"
+      (contextmenu)="false"
+      class="h-100 d-block mx-auto rotate-90-neg"
+      src="assets/img/ir-color.svg"
+      (mousedown)="scrollY(templateCategorias, -100)"
+      (mouseup)="mouseup()"
+      (mouseleave)="mouseup()">
+  </div>
+  <!-- CATEGORIAS -->
+  <div
+    #templateCategorias
+    class="col-12 px-0 mx-0 box-categorias border border-primary py-1
+          border-left-0 rounded-right scroll-y cat-box"
+    (scroll)="scrollEvent($event)">
+    <div
+      class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
+      [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }"
+      (click)="selectCategoria(-1, 0)">
       <img
         draggable="false"
         ondragstart="return false;"
         (contextmenu)="false"
-        class="h-100 d-block mx-auto rotate-90-neg"
-        src="assets/img/ir-color.svg"
-        (mousedown)="scrollY(templateCategorias, -100)"
-        (mouseup)="mouseup()"
-        (mouseleave)="mouseup()">
+        class="img-fluid align-self-end d-none d-sm-block rounded-circle h-100 h-md-70"
+        src="assets/img/logo-spot.svg">
+      <small class="col-12 px-0 my-1 h-100 h-md-20 align-self-end text-center text-truncate">Todos</small>
     </div>
-    <!-- CATEGORIAS -->
     <div
-      #templateCategorias
-      class="col-12 px-0 mx-0 box-categorias border border-primary py-1
-            border-left-0 rounded-right scroll-y cat-box"
-      (scroll)="scrollEvent($event)">
-      <div
-        class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
-        [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }"
-        (click)="selectCategoria(-1, 0)">
-        <img
-          draggable="false"
-          ondragstart="return false;"
-          (contextmenu)="false"
-          class="img-fluid align-self-end d-none d-sm-block rounded-circle h-100 h-md-70"
-          src="assets/img/logo-spot.svg">
-        <small class="col-12 px-0 my-1 h-100 h-md-20 align-self-end text-center text-truncate">Todos</small>
-      </div>
-      <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;"
-        [hidden]="categoria.articulos <= 0 
-                  || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
-        <img
-          draggable="false"
-          ondragstart="return false;"
-          (contextmenu)="false"
-          class="d-none d-sm-block rounded-circle w-auto h-100 h-md-70"
-          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-20 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
-      </div>
-    </div>
-    <div class="col-auto btn-effect h-5 cat-btn">
+      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;"
+      [hidden]="categoria.articulos <= 0 
+                || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
       <img
         draggable="false"
         ondragstart="return false;"
         (contextmenu)="false"
-        class="h-100 d-block mx-auto rotate-90"
-        src="assets/img/ir-color.svg"
-        (mousedown)="scrollY(templateCategorias, 100)"
-        (mouseup)="mouseup()"
-        (mouseleave)="mouseup()">
+        class="d-none d-sm-block rounded-circle w-auto h-100 h-md-70"
+        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-20 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
     </div>
   </div>
+  <div class="col-auto btn-effect h-5 cat-btn">
+    <img
+      draggable="false"
+      ondragstart="return false;"
+      (contextmenu)="false"
+      class="h-100 d-block mx-auto rotate-90"
+      src="assets/img/ir-color.svg"
+      (mousedown)="scrollY(templateCategorias, 100)"
+      (mouseup)="mouseup()"
+      (mouseleave)="mouseup()">
+  </div>
+</div>