diff --git a/src/app/shared/agenda/approve-event/approve-event.component.html b/src/app/shared/agenda/approve-event/approve-event.component.html
index 3dd5efff9..7223e8b49 100644
--- a/src/app/shared/agenda/approve-event/approve-event.component.html
+++ b/src/app/shared/agenda/approve-event/approve-event.component.html
@@ -1,9 +1,9 @@
-<ion-header class="ion-no-border">
-  <div class="header-content">
+<ion-header class="ion-no-border px-20">
+  <div class="header-content d-flex justify-space-between">
     <div class="header-icon-left">
       <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
     </div>
-    <div class="header-title">
+    <div class="header-title flex-grow-1">
       <label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
     </div>
     <div class="header-icon-right">
@@ -37,7 +37,7 @@
 
 <ion-content id="main-content">
   <div class="upper-content">
-    <div class="content-location">
+    <div class="content-location d-flex justify-space-between">
       <div class="location-detail">
         <ion-label >{{loadedEvent.workflowInstanceDataFields.Location}}</ion-label>
       </div>
diff --git a/src/app/shared/agenda/approve-event/approve-event.component.scss b/src/app/shared/agenda/approve-event/approve-event.component.scss
index 581501c9b..b33b2cc3d 100644
--- a/src/app/shared/agenda/approve-event/approve-event.component.scss
+++ b/src/app/shared/agenda/approve-event/approve-event.component.scss
@@ -8,8 +8,6 @@ ion-content{
     --height: 225px;
   }
   .header-content{
-    width: 360px;
-    overflow: auto;
     margin: 25px auto;
   }
   .header-icon-left{
@@ -19,7 +17,6 @@ ion-content{
     float: left;
   }
   .header-title{
-    width: 264px;
     font-family: Roboto;
     font-size: 25px;
     margin: 0 5px 0 5px;
@@ -31,18 +28,14 @@ ion-content{
     width: 45px;
     font-size: 45px;
     float: left;
-    overflow: auto;
   }
   .upper-content{
     margin-left: 50px;
-    overflow: auto;
     font-size: 18px;
   
     .content-location{
-      width: 360px;
       margin: 0 auto;
       padding: 0;
-      overflow: auto;
     }
   
     .location-detail{
diff --git a/src/app/shared/agenda/event-list/event-list.component.html b/src/app/shared/agenda/event-list/event-list.component.html
index e313061d5..a04c7eb08 100644
--- a/src/app/shared/agenda/event-list/event-list.component.html
+++ b/src/app/shared/agenda/event-list/event-list.component.html
@@ -59,7 +59,7 @@
     <ion-list *ngSwitchCase="'PR'">
       <div *ngIf="eventsPRList">
         <ion-item-sliding>
-          <ion-item class="Rectangle" lines="none" 
+          <ion-item class="Rectangle width-100" lines="none" 
               *ngFor="let event of eventsPRList" (click)="openApproveModal(event.serialNumber)">
               <div class="content-pr-{{event.workflowInstanceDataFields.Agenda}}">
                 <div class="approve-event-time">
diff --git a/src/app/shared/agenda/event-list/event-list.component.scss b/src/app/shared/agenda/event-list/event-list.component.scss
index 2b8edf01e..a3ed3e1e0 100644
--- a/src/app/shared/agenda/event-list/event-list.component.scss
+++ b/src/app/shared/agenda/event-list/event-list.component.scss
@@ -21,36 +21,30 @@
     margin-top: 5px;
   }
   .Rectangle {
-    width: 360px;
     border-radius: 15px;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
     border: solid 1px #e9e9e9;
     background-color: var(--white);
-    margin: 0 auto;
     padding: 10px;
     margin-bottom: 10px;
     overflow: auto;
   }
   .content-mdgpr-Oficial{
-    width: 340px;
     border-radius: 5px;
     border-right: 5px solid #99e47b;
     overflow: auto;
   }
   .content-mdgpr-Pessoal{
-    width: 340px;
     border-radius: 5px;
     border-right: 5px solid #958bfc;
     overflow: auto;
   }
   .content-pr-Oficial{
-    width: 340px;
     border-radius: 5px;
     border-right: 5px solid #ffb703;
     overflow: auto;
   }
   .content-pr-Pessoal{
-    width: 340px;
     border-radius: 5px;
     border-right: 5px solid #f05d5e;
     overflow: auto;
@@ -77,7 +71,6 @@
     margin-left: 10px;
   }
   .approve-event-detail p{
-    width: 250px;
     font-family: Roboto;
     font-size: 13px;
     font-weight: normal;
@@ -90,7 +83,6 @@
     padding: 0;
   }
   .approve-event-detail h3{
-    width: 250px;
     font-family: Roboto;
     font-size: 15px;
     font-weight: bold;
diff --git a/src/app/shared/agenda/view-event/view-event.page.scss b/src/app/shared/agenda/view-event/view-event.page.scss
index 530083ac4..1f9e14231 100644
--- a/src/app/shared/agenda/view-event/view-event.page.scss
+++ b/src/app/shared/agenda/view-event/view-event.page.scss
@@ -26,7 +26,6 @@ ion-menu{
     
     .title-content{
       margin: 0px auto;
-      overflow: auto;
       padding: 0 !important;
       background: #fff;
 
@@ -78,12 +77,10 @@ ion-menu{
     font-family: Roboto;
     margin: 0 auto;
     background-color: #fff;
-    overflow:auto;
     padding: 15px 0px 0 0px;
 
     .upper-content{
         margin-left: 50px;
-        overflow: auto;
         font-size: 18px;
       
         .content-location{