Modal window is disabled when using LeptonX-lite

[ttpp123]

Hi

I added LeptonX-lite(@abp/ng.theme.lepton-x@preview) theme into my project by following the instruction below.
https://blog.abp.io/abp/LeptonX-Theme-for-ABP-Framework-Alpha-Release?msclkid=eea22aa6a94511ecbf935405b5f6e105

It looks very nice. But the modal window is disabled when adding or editing user, role, tenant etc.

Actually all modal windows are disabled.

My project was created with Angular and Entity Framework Core
Here is the style in my angular.json file
"styles": [
{
"input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
"inject": true,
"bundleName": "fontawesome-all.min"
},
{
"input": "node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css",
"inject": true,
"bundleName": "fontawesome-v4-shims.min"
},
{
"input": "node_modules/@swimlane/ngx-datatable/index.css",
"inject": true,
"bundleName": "ngx-datatable-index"
},
{
"input": "node_modules/@swimlane/ngx-datatable/assets/icons.css",
"inject": true,
"bundleName": "ngx-datatable-icons"
},
{
"input": "node_modules/@swimlane/ngx-datatable/themes/material.css",
"inject": true,
"bundleName": "ngx-datatable-material"
},
{
"input": "node_modules/bootstrap/dist/css/bootstrap.rtl.min.css",
"inject": false,
"bundleName": "bootstrap-rtl.min"
},
"node_modules/@volo/ngx-lepton-x.lite/styles/sidemenu-layout.min.css",
"node_modules/bootstrap-icons/font/bootstrap-icons.css",
"src/styles.scss"
],

Any idea what caused this issue and how to fix it? Is this a bug?

Thank you in advance.

[ismcagdas]

@ttpp123 we are very close to release beta-1 version (probably next week) and this problem is fixed on that version.