Incorrect rendering for inline-blocks in Chrome on Mobile
<p>In Chrome on Android, inline-blocks have extra large spaces. On Desktop, everything is okay. Maybe it is this font boosting, but I have written the following CSS instruction: <code>html * {max-height:1000000px;}</code> and nothing has changed.</p>

<pre><code>&lt;div class="header__top"&gt;
    &lt;div class="container"&gt;
        &lt;div class="header__logo logo"&gt;
            &lt;a href="" class="a logo__text" style="background: red"&gt;Logo&lt;/a&gt;
            &lt;div class="logo__line"&gt;&lt;/div&gt;
            &lt;div class="logo__description" style="background: red"&gt;Description&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='header__phone' style="background: red"&gt;Telephone&lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/div&gt;      
&lt;/div&gt;

.header
{
    &amp;__top
    {
        background: #3a404c;
        height: 75px;
        min-width: 1220px;
    }
}

.header__logo
{
    float: left;

    &amp;:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}

.logo
{
    &amp;__text
    {
        font-size:30px;
        font-weight: bold;
        color:#fff;
        display: inline-block;
        vertical-align: middle;
    }

    &amp;__line
    {
        height: 50px;
        width: 1px;
        margin-left: 1rem;
        margin-right: 1rem;
        background-color: rgba(255,255,255,.5);
        display: inline-block;
        vertical-align: middle;
    }

    &amp;__description
    {
        display: inline-block;
        color: #fff;
        vertical-align: middle;
    }
}

.header__phone
{
    float: right;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: right;

    &amp;:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}
</code></pre>

<p><a href="https://i.stack.imgur.com/zC6sV.png" rel="nofollow noreferrer">Inline-block extra spaces</a></p>