diff --git a/src/app/shared/sinonimo/sinonimo.component.html b/src/app/shared/sinonimo/sinonimo.component.html
index 2063ffb..b660164 100644
--- a/src/app/shared/sinonimo/sinonimo.component.html
+++ b/src/app/shared/sinonimo/sinonimo.component.html
@@ -1,10 +1,20 @@
 <div class="bg-primary rounded text-white">
   <div class="modal-header">
-    <p class="h4">Elige una opción</p>
+    <p class="h4 col-6 px-0 align-self-center">Eliga opciones {{sinonimos.length}}</p>
+    <div class="col-6 text-right">
+      <p *ngFor="let s of sinonimos; let i = index">
+        <span
+          class="pr-2 btn-effect"
+          (click)="scrollTo(i)">
+          Ir a opción {{i+1}}</span>
+        <i class="far fa-hand-point-left"></i>
+      </p>
+    </div>
   </div>
 
   <div class="modal-body lista-sinonimos scroll-y-visible my-2 mr-2">
     <div *ngFor="let s of sinonimos; let i = index">
+      <div [id]="i"></div>
       <hr [hidden]="i === 0" class="bg-white">
       <div *ngFor="let articulo of s.productos">
         <div class="custom-control custom-checkbox">
diff --git a/src/app/shared/sinonimo/sinonimo.component.ts b/src/app/shared/sinonimo/sinonimo.component.ts
index ceb53b0..dbb5066 100644
--- a/src/app/shared/sinonimo/sinonimo.component.ts
+++ b/src/app/shared/sinonimo/sinonimo.component.ts
@@ -4,6 +4,7 @@ import { IArticulo } from 'src/app/interfaces/IArticulo';
 import { BsModalRef } from 'ngx-bootstrap/modal';
 import { Subject, forkJoin } from 'rxjs';
 import { ArticuloService } from 'src/app/services/articulo/articulo.service';
+import { element } from 'protractor';
 
 @Component({
   selector: 'app-sinonimo',
@@ -73,4 +74,9 @@ export class SinonimoComponent implements OnInit {
       }, err => console.error(err));
   }
 
+  scrollTo(index: number) {
+    const element = document.getElementById(index.toString());
+    element.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+
 }