diff --git a/aio/src/styles/1-layouts/sidenav/_sidenav.scss b/aio/src/styles/1-layouts/sidenav/_sidenav.scss
index d28a984af5..bb9cd96efe 100644
--- a/aio/src/styles/1-layouts/sidenav/_sidenav.scss
+++ b/aio/src/styles/1-layouts/sidenav/_sidenav.scss
@@ -80,8 +80,9 @@ aio-nav-menu {
 
       //icons _within_ nav
       .mat-icon {
-        height: 24px;
-        width: 24px;
+        flex: 0 0 2.4rem;
+        display: flex;
+        align-items: center;
       }
     }