diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index fc95b7c30..bcb40aee6 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -218,12 +218,12 @@
             <div  class="ss-timeline timeline-mobile flex-grow-1  d-md-none text-black height-100 width-100 overflow-y-auto" >
               <div *ngFor="let events of TimelineMDList | keyvalue;" >
                 
-                <div *ngIf="CalendarCurrentDay <= events.key">
+                <div  class="EventListBox-container" *ngIf="CalendarCurrentDay <= events.key">
                   <div class="day mt-10">
                     {{ TimelineDayEvent(events.key)}}
                   </div>
   
-                  <div *ngFor="let event of events.value" >
+                  <div *ngFor="let event of events.value" class="EventListBox">
                     
 
                     <div class="d-flex content-{{event.profile}}-{{event.event.CalendarName}} mt-10 cursor-pointer width-100 " (click)="eventClicked(event)" 
@@ -262,7 +262,7 @@
             <div  class="fs-timeline flex-grow-1 d-none d-md-block d-md-block text-black  pr-20 width-100 height-100 overflow-y-auto" *ngIf="loggeduser.Profile == 'MDGPR'">
               <div *ngFor="let events of TimelineMDList | keyvalue;" >
                 
-                <div class="EventListBox-container" >
+                <div class="EventListBox-container" *ngIf="CalendarCurrentDay <= events.key">
                   <div class="day EventListBox-day mt-10">
                     {{ TimelineDayEvent(events.key)}}
                   </div>
@@ -301,13 +301,13 @@
             <div  class="sd-timeline flex-grow-1 d-none d-md-block timeline-md text-black pl-20 pr-20 width-100 height-100 overflow-y-auto" >
               <div *ngFor="let events of TimelinePRList | keyvalue;">
                 
-                <div  *ngIf="CalendarCurrentDay <= events.key">
+                <div class="EventListBox-container"  *ngIf="CalendarCurrentDay <= events.key">
                         
                   <div class="day mt-10">
                     {{ TimelineDayEvent(events.key)}}
                   </div>
 
-                  <div *ngFor="let event of events.value" >
+                  <div *ngFor="let event of events.value" class="EventListBox">
 
                     <div class="d-flex content-pr-{{event.event.CalendarName}} mt-10 cursor-pointer" (click)="eventClicked(event)"
                     *ngIf="viewEventMonth <= dateMonth(event)">