While refreshing the page the header behaves odd and i can’t figure out why at this moment.
It’s a Capybara theme integration with customized header. I have overridden the css vars for the searchbar for example on element level. After all content is loaded the searchbar takes in the width as expected. But while the page is loading, it looks like the capybara default width of the search bar is applied. It’s very odd as i can’t figure out what exactly is happening. Already tried to override the css var in the custom theme css rather then in the component. But that had not the desired effect, while the page is loading the default Capybara css vars seems to be applied.
Anybody has a clue what this could be?