diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html
index 730a225d3..154a8831f 100644
--- a/src/app/pages/events/events.page.html
+++ b/src/app/pages/events/events.page.html
@@ -60,7 +60,7 @@
 
           <ion-list>
             <ion-item class="item-hover cursor-pointer" lines="none" *ngFor="let event of listToPresent"
-              (click)="goToEvent(event.EventId)"
+              (click)="openEventDetail(event.EventId)"
             >
             <div class="d-flex  content-{{loggeduser.Profile}}-{{event.CalendarName}}">
 
diff --git a/src/app/pages/events/events.page.ts b/src/app/pages/events/events.page.ts
index 53c0f5cec..bd1d66d12 100644
--- a/src/app/pages/events/events.page.ts
+++ b/src/app/pages/events/events.page.ts
@@ -24,6 +24,7 @@ import { ThemeService } from 'src/app/services/theme.service'
 import { Storage } from '@ionic/storage';
 import { PermissionList } from 'src/app/models/permission/permissionList';
 import { PermissionService } from 'src/app/services/permission.service';
+import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
 @Component({
   selector: 'app-events',
   templateUrl: './events.page.html',
@@ -471,6 +472,22 @@ export class EventsPage implements OnInit {
 
   }
 
+  async openEventDetail(id: any) {
+    // 
+
+    const modal = await this.modalController.create({
+      component: ViewEventPage,
+      componentProps: {
+        eventId: id,
+      },
+      cssClass: 'view-event',
+      backdropDismiss: false
+    });
+    await modal.present();
+    modal.onDidDismiss();
+
+  }
+
   LoadList() {
     this.processes.GetTaskListExpediente(false).subscribe(result => {
       // 
@@ -496,7 +513,7 @@ export class EventsPage implements OnInit {
   }
 
   goToEvent(eventId: any) {
-    this.router.navigate(['/home/events', eventId, 'events']);
+    this.router.navigate(['/home/events/detalhes', eventId, 'events']);
   }
 
   goToExpediente(SerialNumber: any) {