View encapsulation causing component style problems

[alexanderroidl]

Bug

Expected Behavior

WHEN

Some components (i.e. AddCustomScenario component) are being displayed

THEN

Component styles aren't displayed correctly due to view encapsulation being disabled.

Actual Behavior

Component's should be using view encapsulation and have their styles displayed as expected.

Screenshots

Steps to Reproduce the Problem

1. Open "addCustomScenario" dialog by clicking "⭐️" button above "Metric templates" area
2. Click "➕" button on the top right of "Metric scenarios" dialog
3. See broken dialog styles

Specifications

• is released in online-demo: yes
• CodeCharta Version: 1.126.0
• OS: macOS Sonoma 14.5
• Browser: Google Chrome Version 126.0.6478.115 (Official Build)