diff --git a/src/components/TopbarDesktop/TopbarDesktop.css b/src/components/TopbarDesktop/TopbarDesktop.css index 15a851ff..82674132 100644 --- a/src/components/TopbarDesktop/TopbarDesktop.css +++ b/src/components/TopbarDesktop/TopbarDesktop.css @@ -73,8 +73,15 @@ } .logo { - width: 155px; + /* If height is increased, change link paddings accordingly */ height: 27px; + + /* Good aspect ratio should be less than 160/27 (width/height) */ + /* NOTE: extremely wide logos, need special handling. */ + width: auto; + max-width: 220px; + object-fit: contain; + object-position: left center; } /* Search */