I have created a new template and everything is working as expected except the logo. I created a new template from a copy of the default, then pointed the logo toward my own .png but that image is stretched to the same dimensions as the original default_logo.png. I have tried adjusting the settings in the .css file to match the size of the .png file I am using, but it does not seem to make any difference:

#invoice-supplier-logo {
width: 135px ;
height: 100px;
}

The image is still stretched to the size of the default logo image. What am I missing here? How do I get the logo to be sized correctly?

*note - when I download a pdf of the invoice, the logo displays correctly...