diff --git a/src/app/core/components/navigation/nav-collapse/nav-collapse.component.html b/src/app/core/components/navigation/nav-collapse/nav-collapse.component.html
index 5fa65648..8cc4e9aa 100644
--- a/src/app/core/components/navigation/nav-collapse/nav-collapse.component.html
+++ b/src/app/core/components/navigation/nav-collapse/nav-collapse.component.html
@@ -1,5 +1,5 @@
 <a class="nav-link" md-ripple (click)="toggleOpen($event)">
-    <md-icon class="nav-link-icon s-16" *ngIf="item.icon">{{item.icon}}</md-icon>
+    <md-icon class="nav-link-icon" *ngIf="item.icon">{{item.icon}}</md-icon>
     <span>{{item.title}}</span>
     <md-icon class="collapse-arrow">keyboard_arrow_right</md-icon>
 </a>
diff --git a/src/app/core/components/navigation/nav-item/nav-item.component.html b/src/app/core/components/navigation/nav-item/nav-item.component.html
index 738c5cbf..c1e83d88 100644
--- a/src/app/core/components/navigation/nav-item/nav-item.component.html
+++ b/src/app/core/components/navigation/nav-item/nav-item.component.html
@@ -1,5 +1,5 @@
 <a class="nav-link" md-ripple
    [routerLink]="[item.url]" routerLinkActive="active">
-    <md-icon class="nav-link-icon s-16" *ngIf="item.icon">{{item.icon}}</md-icon>
+    <md-icon class="nav-link-icon" *ngIf="item.icon">{{item.icon}}</md-icon>
     <span>{{item.title}}</span>
 </a>
diff --git a/src/app/core/scss/partials/_navigation.scss b/src/app/core/scss/partials/_navigation.scss
index 1cb948d9..c3ff11bf 100644
--- a/src/app/core/scss/partials/_navigation.scss
+++ b/src/app/core/scss/partials/_navigation.scss
@@ -55,7 +55,13 @@
 
             .nav-link-icon,
             .collapse-arrow {
-                color: map_get($mat-light-theme-foreground, icon);
+                font-size: 16px;
+                width: 16px;
+                height: 16px;
+                min-width: 16px;
+                min-height: 16px;
+                line-height: 16px;
+                color: map_get($mat-light-theme-foreground, icon);;
             }
         }