diff --git a/.vuepress/theme/styles/nav.css b/.vuepress/theme/styles/nav.css
index 2223c9e6..5ce99b6f 100644
--- a/.vuepress/theme/styles/nav.css
+++ b/.vuepress/theme/styles/nav.css
@@ -13,7 +13,8 @@
 
     @screen md {
         .logo-container {
-            width: 23rem; /* sidebar is 20rem + 1.5rem padding on each side for nav */
+            @apply .flex-no-shrink;
+            width: calc($sidebar-width - 1.5rem); /* sidebar is 20rem + 1.5rem padding on each side for nav */
         }
 
         .home-link {