diff --git a/src/app/guards/auth.guard.ts b/src/app/guards/auth.guard.ts
index b493d2813..6d859eafe 100644
--- a/src/app/guards/auth.guard.ts
+++ b/src/app/guards/auth.guard.ts
@@ -19,6 +19,7 @@ export class AuthGuard implements CanActivate {
     
     if(!SessionStore.user.Inactivity) {
       this.router.navigate(['/']);
+      return false
     }
     else if(!SessionStore.exist) {
       this.router.navigate(['/']);
diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index da4a939b0..3723d055b 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -28,8 +28,8 @@
                 <ion-row class="ion-align-items-center">
                   <!-- Move back one screen of the slides -->
 
-                  <div class="arrow cursor-pointer">
-                    <button (click)="back()" class="btn-no-color" >
+                  <div class="arrow cursor-pointer resize">
+                    <button (click)="back()" class="btn-no-color resize" >
                       <ion-icon *ngIf="ThemeService.currentTheme == 'default' "  slot="icon-only"  src="assets/images/icons-calendar-arrow-left.svg"></ion-icon>
                       <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="icon-only"  src="assets/images/theme/gov/icons-calendar-arrow-left.svg"></ion-icon>
                       <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' "  slot="icon-only"  src="assets/images/theme/gov/icons-calendar-arrow-left.svg"></ion-icon>
@@ -102,7 +102,7 @@
                     </div>
                   </div> -->
                   <!-- Move forward one screen of the slides -->
-                  <div (click)="next()" class="arrow cursor-pointer">
+                  <div (click)="next()" class="arrow cursor-pointer resize">
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="icon-only" src="assets/images/icons-calendar-arrow-right.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " slot="icon-only" src="assets/images/theme/gov/icons-calendar-arrow-right.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'tribunal' " slot="icon-only" src="assets/images/theme/gov/icons-calendar-arrow-right.svg"></ion-icon>
@@ -111,21 +111,21 @@
                 </ion-row>
                 <ion-row class="ion-align-items-center">
 
-                  <button *ngIf="profile == 'mdgpr' && loggeduser.Profile =='MDGPR' " (click)="changeProfile()" class="d-md-none btn-no-color">
+                  <button *ngIf="profile == 'mdgpr' && loggeduser.Profile =='MDGPR' " (click)="changeProfile()" class="d-md-none btn-no-color resize">
                     <ion-icon class="right-icons" src="assets/images/icons-profile-calendar-md.svg"></ion-icon>
                   </button>
 
-                  <button  *ngIf="profile == 'pr' && loggeduser.Profile =='MDGPR' " (click)="changeProfile()" class="btn-no-color">
+                  <button  *ngIf="profile == 'pr' && loggeduser.Profile =='MDGPR' " (click)="changeProfile()" class="btn-no-color resize">
                     <ion-icon class="right-icons d-md-none" src="assets/images/icons-profile-calendar-pr.svg"></ion-icon>
                   </button>
 
-                  <button class="btn-no-color cursor-pointer" (click)="viewEventsToApprove()" *ngIf="loggeduser.Profile == 'MDGPR'">
+                  <button class="btn-no-color cursor-pointer resize" (click)="viewEventsToApprove()" *ngIf="loggeduser.Profile == 'MDGPR'">
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " class="right-icons" src="assets/images/icons-received-event.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " class="right-icons" src="assets/images/theme/gov/icons-received-event.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'tribunal' " class="right-icons" src="assets/images/theme/tribunal/icons-received-event.svg"></ion-icon>
                   </button>
 
-                  <button class="btn-no-color cy-add-event cursor-pointer" (click)="clearContact();openAddEvent();">
+                  <button class="btn-no-color cy-add-event cursor-pointer resize" (click)="clearContact();openAddEvent();">
                     <ion-icon *ngIf="ThemeService.currentTheme == 'default' "   class="right-icons" src="assets/images/icons-add.svg" ></ion-icon>
                     <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "   class="right-icons" src="assets/images/theme/gov/icons-add.svg" ></ion-icon>
                     <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' "   class="right-icons" src="assets/images/theme/tribunal/icons-add.svg" ></ion-icon>
diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index 171a72a24..543d67ed8 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -801,6 +801,43 @@ app-approve-event{
 
 }
 
+@media only screen and (max-width: 415px) {
+  .capitaliseText {
+    font-size: 18px;
+  }
+  .resize{
+    font-size: 33px !important;
+    ion-icon{
+      font-size: 33px !important;
+    }
+  }
+}
+
+@media only screen and (max-width: 398px) {
+  .capitaliseText {
+    font-size: 15px;
+  }
+  .resize{
+    font-size: 27px !important;
+    ion-icon{
+      font-size: 27px !important;
+    }
+  }
+}
+
+
+@media only screen and (max-width: 364px) {
+  .capitaliseText {
+    font-size: 13px;
+  }
+  .resize{
+    font-size: 23px !important;
+    ion-icon{
+      font-size: 23px !important;
+    }
+  }
+}
+