diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index 1b2aa2d8d..77568cc28 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -226,9 +226,9 @@
           <ion-icon (click)="showTimelineFilterState=true" class="arrow-down" src="assets/images/icons-arrow-arrow-down.svg"></ion-icon>
           <!-- List -->
           <ul *ngIf="showTimelineFilterState">
-            <li (click)="timelineFilter('Todos')">Todos</li>
-            <li (click)="timelineFilter('Oficial')">Oficial</li>
-            <li (click)="timelineFilter('Pessoal')">Pessoal</li>
+            <li [class.active]="timelineFilterState == 'Todos' " (click)="timelineFilter('Todos')">Todos</li>
+            <li [class.active]="timelineFilterState == 'Oficial' " (click)="timelineFilter('Oficial')">Oficial</li>
+            <li [class.active]="timelineFilterState == 'Pessoal' " (click)="timelineFilter('Pessoal')">Pessoal</li>
           </ul>
         </ion-row>
       </ion-row>
diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index 2b679797c..b98f77cc5 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -437,16 +437,19 @@ td.monthview-primary-with-event {
       margin: 0px;
       list-style: none;
       margin-top: 140px;
-      padding: 10px;
+      padding: 0px;
       box-shadow: 0px 0px 10px gray !important;
       border-radius: 5px;
-      width: 110px;
+      width: 96px;
       z-index: 1000000;
       li{
-        padding: 5px 0px;
+        padding: 5px 10px;
         font-size: 15px;
         font-weight: normal;
       }
+      li.active{
+        background-color: rgba(66, 185, 254, 0.1);
+      }
     }
   }
 }