diff --git a/src/app/shared/sinonimo/sinonimo.component.html b/src/app/shared/sinonimo/sinonimo.component.html
index 2a93896..a66254f 100644
--- a/src/app/shared/sinonimo/sinonimo.component.html
+++ b/src/app/shared/sinonimo/sinonimo.component.html
@@ -1,5 +1,12 @@
 <div class="bg-primary rounded text-white">
-  <div class="modal-header">
+  <div class="modal-header pt-5">
+    <img
+      draggable="false"
+      ondragstart="return false;"
+      (contextmenu)="false"
+      (click)="modalRef.hide()"
+      class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0"
+      src="assets/img/icono-cancelar-blanco.svg">
     <p class="col-7 h4 px-0 align-self-center">{{articulo.DetArt}}</p>
     <div class="col-5 pr-0 text-right">
       <p *ngFor="let s of sinonimos; let i = index">
diff --git a/src/styles.scss b/src/styles.scss
index 1da658b..148afd4 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -62,6 +62,10 @@ p {
   right: 0;
 }
 
+.top-0 {
+  top: 0;
+}
+
 .left-0 {
   left: 0;
 }