Whitespace before a tag to new line in HTML Reformating issue

I have a little problem with Reformat code.

I have this code:

<button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="btadd.compare('{{ product['product_id'] }}');"> <i class="lnr lnr-sync"></i></button>

When I Reformat, appear the new line before the <i> tag, this code will be:

<button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="btadd.compare('{{ product['product_id'] }}');">
 <i class="lnr lnr-sync"></i></button>

If I remove whitespace before the <i> tag like this:

<button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="btadd.compare('{{ product['product_id'] }}');"><i class="lnr lnr-sync"></i></button>

After I Reformat code, the code still like the code before formated.

I want the code, which has a white space before the <i> tag, after I reformat still like the before.

Thankyou.