diff --git a/app/webpacker/styles/header/logo.scss b/app/webpacker/styles/header/logo.scss
index 7773a2b818..bb9566f333 100644
--- a/app/webpacker/styles/header/logo.scss
+++ b/app/webpacker/styles/header/logo.scss
@@ -68,7 +68,11 @@
     img {
       margin-top: 12px;
 
-      @include mq($until: mobile) {
+      @include mq($until: narrow) {
+        max-width: 100%;
+      }
+
+      @include mq($from: narrow, $until: mobile) {
         width: 100%;
       }
     }