diff --git a/epf-front-skeleton-main/src/app/navbar/navbar.component.scss b/epf-front-skeleton-main/src/app/navbar/navbar.component.scss
index 05bfc84aac1290986f3197a86144cd849f13e0e4..52fb8fe1c3c4ac8a062dc3924cf696292f45e37a 100644
--- a/epf-front-skeleton-main/src/app/navbar/navbar.component.scss
+++ b/epf-front-skeleton-main/src/app/navbar/navbar.component.scss
@@ -12,6 +12,7 @@ nav {
     img {
       margin-left: 20px;
       height: 60px;
+      transition: .3s;
 
       &:hover {
         transform: scale(1.1);
@@ -33,6 +34,7 @@ nav {
 .mat-list-base .mat-list-item {
   font-size: large;
   color: theme.$white;
+  transition: .3s;
 
   &:hover {
     transform: scale(1.2);