Html 我在materialize.css中用于徽标的图像溢出了导航栏

我是新的前端，我试图创建一个导航栏与图像作为标志，但是渲染出导航栏已经尝试了一切

下面是代码

<nav>
<div class="nav-wrapper">
    <a href="{% url 'catalog:products' %}" class='brand-logo' style="padding-left:120px;">
        <img src="{% static 'img/logo2.png'%}" width="70%" height="15%"}>
    </a>
    <ul id="nav-mobile" class="right hide-on-med-and-down" style="padding-right:100px;">
        <li><a href="sass.html" class="amber-text text-darken-3">Sass</a></li>
        <li><a href="badges.html" class="amber-text text-darken-3">Components</a></li>
        <li><a href="collapsible.html" class="amber-text text-darken-3">JavaScript</a></li>
    </ul>
</div>
</nav>

以下是输出，请看徽标

---

此代码片段不足以检查问题。使用小型css更新css alsoi am