diff --git a/src/app/guards/login.guard.ts b/src/app/guards/login.guard.ts
index 848df6137..e723767e6 100644
--- a/src/app/guards/login.guard.ts
+++ b/src/app/guards/login.guard.ts
@@ -20,9 +20,8 @@ export class LoginGuard implements CanActivate {
         this.router.navigate(['/home/events']);
         return false
       } else {
-
-        return true
+        return true;
       }
   }
-  
+
 }
diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html
index 7ce9f393c..469840e51 100644
--- a/src/app/pages/events/events.page.html
+++ b/src/app/pages/events/events.page.html
@@ -47,7 +47,7 @@
           <!-- {{ toDayEventStorage.eventsList | json}} -->
 
           <ion-list>
-            <ion-item class="cursor-pointer" lines="none" *ngFor="let event of toDayEventStorage.eventsList"
+            <ion-item class="item-hover cursor-pointer" lines="none" *ngFor="let event of toDayEventStorage.eventsList"
               (click)="goToEvent(event.EventId)"
             >
             <div class="d-flex  content-{{loggeduser.Profile}}-{{event.CalendarName}}">
@@ -94,7 +94,7 @@
         </div>
         <div class="content overflow-y-auto flex-grow-1 height-100">
           <ion-list>
-            <ion-item class="cursor-pointer" lines="none" *ngFor = "let task of expedienteGdStore.list"
+            <ion-item class="item-hover cursor-pointer" lines="none" *ngFor = "let task of expedienteGdStore.list"
             (click)="goToExpediente(task.serialNumber)">
             <div class="item-exp d-flex">
               <div class="schedule-date">
diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss
index 9434c2c5b..a29948aa5 100644
--- a/src/app/pages/events/events.page.scss
+++ b/src/app/pages/events/events.page.scss
@@ -81,7 +81,7 @@ ion-toolbar{
     margin-right: 5px;
     line-height: 25px;
   }
-  
+
   .p-small{
     font-size: 13pt;
     margin-top: 13px;
@@ -90,7 +90,7 @@ ion-toolbar{
     text-align: right;
     /* color: #ffffff; */
   }
-  
+
   /* CONTENT */
   .item-list-small{
       font-size: 14px;
@@ -98,14 +98,14 @@ ion-toolbar{
     }
     .ion-item-class{
       padding: 0;
-    
+
     }
     .label-text{
       width: 100%;
       padding: 0;
       margin: 0;
     }
-    
+
     //DIV
     .div-item-Oficial{
       width: 100%;
@@ -146,7 +146,7 @@ ion-toolbar{
     .div-icon ion-icon{
       display: block;
       margin: 0 auto;
-    
+
     }
     .div-content-Oficial{
       width: 85%;
@@ -312,7 +312,7 @@ ion-toolbar{
     color: var(--white);
     margin-right: 7px;
   }
-  
+
   .meeting-description {
     margin-top: 2px;
     font-family: Roboto;
@@ -347,12 +347,13 @@ ion-toolbar{
     .title {
       display: flex;
       align-items: center;
+
       .icon{
         color: #e8e8e8;
         height: 35px;
         width: 35px;
         margin-right: 10px;
-      } 
+      }
       .text{
         font-family: Roboto;
         font-size: 20px;
@@ -372,6 +373,7 @@ ion-toolbar{
       overflow: auto;
       padding-top: 5px;
       padding-bottom: 5px;
+      background-color: transparent !important;
     }
     ion-list{
       padding: 0px;
@@ -389,6 +391,8 @@ ion-toolbar{
         display: flex;
         justify-content: space-between;
         align-items: center;
+        --background: transparent !important;
+
         .schedule-time{
           margin-right: 10px;
           .time-start{
@@ -418,7 +422,7 @@ ion-toolbar{
             font-size: 13px;
             color: black;
             width: 100%;
-          
+
           }
           .description{
             width: 100%;
@@ -446,7 +450,7 @@ ion-toolbar{
         padding-bottom: unset !important;
       }
     }
-      
+
   }
 
   .resume{
@@ -484,7 +488,7 @@ ion-toolbar{
   .content, .conteiner-box{
     height: unset !important;
     max-height: unset !important;
-  } 
+  }
 
 }
 
@@ -512,4 +516,4 @@ ion-toolbar{
 ion-title{
   border: 1px solid red;
   text-overflow: ellipsis;
-}
\ No newline at end of file
+}