元素（图标按钮）没有显示正确的宽度

Question

我正在使用一个位于滚动页眉面板中的图标按钮。即使我明确添加了宽度规则，它仍然显示为100％宽度：

有些奇怪的是，如果我移动按钮并将其放入页面内容中，则尺寸合适。我只是无法弄清楚是什么弄乱了宽度。

相关代码：

<paper-drawer-panel transition>
        <div drawer></div>
        <paper-scroll-header-panel class="flex" condenses main>
            <paper-toolbar class="tall">
                <paper-icon-button icon="menu" title="menu" paper-drawer-toggle></paper-icon-button>
                <div class="bottom title">Title</div>
            </paper-toolbar>
            <div class="content">
            </div>
        ...