Website logo appears bigger in chrome browser on bigger screen

I have website which has a logo in size 250X277. The logo is correctly displayed across all browsers except Chrome running in bigger wondow, e.g. dekstop. In desktop, the logo stretches horizontally as it's shown in the image below. However, in other browsers it's displayed correctly across all monitor size. I will provide more code if that requires. Could someone please have a look on my issue?

Here is my CSS code for logo:

style.css:

header {

  position: relative;

  z-index: 999;

}

header .header-logo {

  padding: 10px 10px;

  background: #fff;

  text-align: center;


}

HTML

            <header class="sidebar-section">
            <div class="header-logo">
                <a class="logo" href="index.php"><img src="images/logo.png" alt="logo"></a>
            </div>
            <a class="elemadded responsive-link" href="#">Menu</a>
            <div class="navbar-vertical">
                <ul class="main-menu">


                </ul>
            </div>
        </header>

logo stretches