I apply styling to a div from a CSS file, which works fine. The problem is the the inline style="" seems to have no effect on the element. I’ve tried using !important and made sure the parent’s width and height are explicitly set to 100%.

<div class="frame" style="height: 100px">
    <button class="button">Standard button</button>
</div>

.frame {
    background-color: var(--frame-background-colour);
    border-radius: 8px;
    border: 1px solid var(--frame-border-colour);
}

The following is the result:

As you can see, the light grey div element’s height is not set to 100px. I have tried changing other properties too, but I have had the same results.