Smaller than character breaks formatting in a twig file

[kareljan]

When I have this:

{% for step in steps %}
    <div class="{% if loop.index < currentStep %}opacity-50{% elseif loop.index == currentStep %}font-bold{% endif %}">
        {{ loop.index }}.
        {{ step.title }}
    </div>
{% endfor %}

I get this on beautify:

{% for step in steps %}
    <div

It strips everything after the div. When I change the '<' to a '==' the format is OK.