Custom Bootstrap 5 with EJS

I am trying to use a custom BS5 theme from Creative Tim: https://www.creative-tim.com/product/material-dashboard.

I transformed index.html into a new layout file:

Then I created a page using the layout and put the content:

Page renders correctly, but as seen above, design time the content isn’t displayed correctly:

How can I reflect actual page in design mode? I’ve already updated custom paths for BS5 in project settings.

Edit: I restarted Wappler and it applied the theme but not loaded icons:

I think this layout includes are not being loaded:

Any help is appreciated!

A couple of rules to follow:

  1. Links to stylesheets and scripts need to be placed in the main layout document.
  2. Bootstrap.css comes before any other stylesheets (cascading).