Rendering issue on a configured bar in Webkit Browsers (not Safari)

[BernhardBehrendt]

In Safari and Firefox this problem does not occur only in Chrome/Chromium/Brave.

I've issues when I give the bar a specific height. Then it starts to draw pixels below the bar which can be affected by en-/disable color styles in the dev tools.

The code for embedding the bar is as follows:

 <ngx-loading-bar [fixed]="false" [includeSpinner]="false" [height]="'20px'"></ngx-loading-bar>

and this is whats happening atm (the dots within the bar are from converting reasons (mov->gif). Just focus on the bars lower edge :

Some investigation using the dev tools shows that it can be affected but actually cannot get it solved.

I thinks it happens more intense if dev tools (Chrome/Chromium) have mobile mode enabled.

Any ideas or recommendations what to do here?

[BernhardBehrendt]

Was able to fix it temporary using a border (globally assigned) using CSS:

.ngx-bar {
    @apply border border-navy-light dark:border-sky;
}