diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 6af927624..86e8b92b3 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -10,7 +10,7 @@
     <ion-tab-button tab="agenda">
       <!-- <ion-icon name="calendar"></ion-icon> -->
       <ion-icon class="nav-icon" src="assets/images/icons-nav-calendar.svg"></ion-icon>
-      <ion-label>Agenda</ion-label>
+      <ion-label class="overflow-visible">Agenda</ion-label>
     </ion-tab-button>
     <ion-tab-button tab="gabinete-digital">
       <!-- <ion-icon name="file-tray-stacked"></ion-icon> -->
diff --git a/src/app/pages/agenda/agenda.page.ts b/src/app/pages/agenda/agenda.page.ts
index 4bb685237..c5c899c6f 100644
--- a/src/app/pages/agenda/agenda.page.ts
+++ b/src/app/pages/agenda/agenda.page.ts
@@ -1150,8 +1150,6 @@ export class AgendaPage implements OnInit {
     this.postEvent = false;
   }
 
-  
-
   async changeSegment(segments: "Combinado" |  "Pessoal" | "Oficial") {
     this.segment =  segments;
 
@@ -1162,5 +1160,4 @@ export class AgendaPage implements OnInit {
     }
   }
 
-
 }
\ No newline at end of file
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index 14273edd9..e0357154b 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -20,7 +20,7 @@
         </div>
         
         <div class="aside overflow-y-auto d-flex  flex-wrap width-100">
-          <div class="exp-card d-flex flex-column" (click)="openEventsToApprovePage('MDGPR')">
+          <div [class.active]="selectedElement == 'approval'" (click)="openEventsToApprovePage('MDGPR');selectedElement='approval'"  class="exp-card d-flex flex-column" >
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-agenda.svg"></ion-icon>
             </div>
@@ -28,7 +28,7 @@
             <p class="text-center exp-card-content">{{count_ev_md+count_ev_pr}} <span class="title1">Documentos</span></p>
           </div>
 
-          <div class="exp-card d-flex flex-column justify-center" (click)="openExpedientListPage()">
+          <div [class.active]="selectedElement == 'Correspondence'" (click)="openExpedientListPage(); selectedElement='Correspondence'" class="exp-card d-flex flex-column justify-center" >
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-correspondencia.svg"></ion-icon>
             </div>
@@ -36,7 +36,7 @@
             <p class="text-center exp-card-content">{{count_exp_dailywork}} <span class="title1">Documentos</span></p>
           </div>
 
-          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+          <div  [class.active]="selectedElement == 'Pending'" (click)="notImplemented()" class="exp-card d-flex flex-column justify-center" >
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-pendente.svg"></ion-icon>
             </div>
@@ -44,21 +44,24 @@
             <p class="text-center exp-card-title ">Pendentes</p>
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
           </div>
-          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+
+          <div [class.active]="selectedElement == 'RequestsForOpinion'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-parecer.svg"></ion-icon>
             </div>
             <p class="text-center exp-card-title ">Pedidos de Parecer</p>
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
           </div>
-          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+
+          <div [class.active]="selectedElement == 'RequestForApproval'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
             </div>
             <p class="text-center exp-card-title ">Pedidos de Deferimento</p>
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
           </div>
-          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+
+          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-diploma.svg"></ion-icon>
             </div>
@@ -66,15 +69,15 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
           </div>
 
-
-          <div class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
+          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-expediente-presidente.svg"></ion-icon>
             </div>
             <p class="text-center exp-card-title ">Expediente Presidente</p>
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
           </div>
-          <div class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
+
+          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
             </div>
@@ -82,9 +85,7 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
           </div>
 
-          
-
-          <div class="exp-card-long justify-center width-100" (click)="notImplemented()">
+          <div [class.active]="selectedElement == '£££££££'" class="exp-card-long justify-center width-100" (click)="notImplemented()">
             <div class="center-div">
               <div class="exp-card-icon">
                 <ion-icon  src="assets/images/icons-expediente-presidente.svg"></ion-icon>
@@ -95,7 +96,8 @@
               </div>
             </div>
           </div>
-          <div class="exp-card-long width-100" (click)="notImplemented()">
+
+          <div [class.active]="selectedElement == '£££££££'" class="exp-card-long width-100" (click)="notImplemented()">
             <div class="center-div">
               <div class="exp-card-icon">
                 <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
@@ -107,14 +109,16 @@
             </div>
           </div>
 
-          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
+          <div [class.active]="selectedElement == '£££££££'" class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
             <div class="d-flex justify-center">
               <ion-icon  src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
             </div>
             <p class="text-center exp-card-title ">Diplomas assinaldos PR</p>
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
           </div>
+
         </div>
+
       </div>
 
       <!-- Aside right -->
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index 3a3b9b069..0b5a60046 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -345,3 +345,9 @@ ion-content{
     width: 25%;
   }
 }
+
+
+.active {
+  border:  1px solid green;
+  box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.ts b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
index 8cc4ca006..34ad0b2c6 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.ts
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
@@ -12,6 +12,7 @@ import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
   templateUrl: './gabinete-digital.page.html',
   styleUrls: ['./gabinete-digital.page.scss'],
 })
+
 export class GabineteDigitalPage implements OnInit {
 
   segment:string;
@@ -27,11 +28,13 @@ export class GabineteDigitalPage implements OnInit {
   count_ev_pr=0;
   count_ev_md=0;
 
+  selectedElement = "";
 
   desktopComponent: any = {
     showEventList: false,
     showExpediente : false
   }
+
   showEventsToApprove = false;
   showEmptyContainer = false;
   showExpedients = true;
@@ -46,7 +49,7 @@ export class GabineteDigitalPage implements OnInit {
     private alertService: AlertService,
     private activatedRoute: ActivatedRoute,
     private router: Router,
-    ) { 
+    ) {
 
       window.onresize = (event) => {
         // if not mobile remove all component
@@ -74,6 +77,7 @@ export class GabineteDigitalPage implements OnInit {
       showExpediente: false
     }
   }  
+
   ngOnInit() {
     //Initialize profile as mdgpr
     this.profile = "MDGPR";
@@ -174,6 +178,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
     //}
 
   }
+
   openExpedientListPage(){
     this.closeAllDesktopComponents();
     if( window.innerWidth <= 1024){
@@ -183,6 +188,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
       this.showExpedients = true;
     }
   }
+
   openExpedientPage(data){
     console.log(data);
     
@@ -195,6 +201,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
       this.showExpedientDetail = true;
     }
   }
+
   async openExpedientList(){
     
     this.closeAllDesktopComponent();