diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 8db5f86..07dc950 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -13,6 +13,7 @@ import { NombreEmpresaComponent } from './nombre-empresa/nombre-empresa.componen
 import { AccionesComponent } from './acciones/acciones.component';
 import { LoginComponent } from './login/login.component';
 import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-comprobante.component';
+import { ModalAlertComponent } from './modal/modal-alert/modal-alert.component';
 
 @NgModule({
   declarations: [
@@ -22,7 +23,8 @@ import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-co
     NombreEmpresaComponent,
     AccionesComponent,
     LoginComponent,
-    BusquedaComprobanteComponent
+    BusquedaComprobanteComponent,
+    ModalAlertComponent
   ],
   imports: [
     BrowserModule,
@@ -32,7 +34,10 @@ import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-co
     FormsModule,
     LaddaModule
   ],
-  entryComponents:[BusquedaComprobanteComponent],
+  entryComponents: [
+    BusquedaComprobanteComponent,
+    ModalAlertComponent
+  ],
   providers: [],
   bootstrap: [AppComponent]
 })
diff --git a/src/app/botonera/botonera.component.html b/src/app/botonera/botonera.component.html
index acac0a5..6e99529 100644
--- a/src/app/botonera/botonera.component.html
+++ b/src/app/botonera/botonera.component.html
@@ -8,34 +8,32 @@
     </a>
   </div>
   <div class="d-none d-sm-block">
-      <a
-          class="btn btn-outline-dark mt-5 btn-lg"
-          href="javascript:void()"
-          (click)="showTerminal()"
+      <button
+        class="btn btn-outline-dark mt-5 btn-lg"
+        (click)="showTerminal()"
       >
       <i class="fa fa-info-circle" aria-hidden="true"></i>
-      </a>
+      </button>
       <a class="btn btn-outline-dark mt-5 btn-lg"
-          href="javascript:void()"
-          routerLink="/login"
+        href="javascript:void()"
+        routerLink="/login"
       >
       <i class="fa fa-power-off" aria-hidden="true"></i>
   </a>
   </div>
   <div class="row d-md-none fixed-bottom">
     <div class="w-100 d-flex px-3 acciones-mobile">
-      <a
+      <button
         class="btn btn-outline-dark btn-lg mr-2"
-        href="javascript:void()"
         (click)="showTerminal()"
       >
-          <i class="fa fa-info-circle" aria-hidden="true"></i>
-      </a>
+        <i class="fa fa-info-circle" aria-hidden="true"></i>
+      </button>
       <a class="btn btn-outline-dark btn-lg"
-          href="javascript:void()"
-          routerLink="/login"
+        href="javascript:void()"
+        routerLink="/login"
       >
-          <i class="fa fa-power-off" aria-hidden="true"></i>
+      <i class="fa fa-power-off" aria-hidden="true"></i>
       </a>
     </div>
   </div>
diff --git a/src/app/botonera/botonera.component.ts b/src/app/botonera/botonera.component.ts
index 93bea56..eace505 100644
--- a/src/app/botonera/botonera.component.ts
+++ b/src/app/botonera/botonera.component.ts
@@ -1,6 +1,7 @@
 import { Component, NgZone } from '@angular/core';
 import { BotonServiceService } from 'src/app/boton-service.service';
 import { Router } from '@angular/router';
+import { ModalService } from '../modal/modal.service';
 
 @Component({
   selector: 'app-botonera',
@@ -12,10 +13,14 @@ export class AppBotonera {
   botones = new BotonServiceService().getBotones();
   paginas = [1];
 
-  constructor(public router: Router, private ngZone: NgZone) { }
+  constructor(
+    public router: Router,
+    private ngZone: NgZone,
+    private modalService: ModalService) { }
 
   showTerminal() {
-    alert('No disponible aún');
+
+    this.modalService.alert(`No disponible en este momento.`);
   }
 
   comprobantes() {