taking up more space than it's children need

The structure looks like this

        <div class="logo-container">
            <a href="" class="logo-link flex-row">
                <img src="{{url_for('static', filename="logo.svg")}}" alt="logo.svg could not be loaded...">
                <div class="adlam-display-regular">text</div>
            </a>
        </div>

However, the .logo-link <a> is taking up way more space than it needs to…

The text inside of it only takes up this much space:

I’d like it for the link, or for the cursor to change ONLY when I hover over the actual text or the logo…

You need to sign in to view this answers