try to use x-chart component ...

projects/x-framework-components/src/lib/x-ide/x-ide.component.html

@@ -1,7 +1,7 @@
 <!-- Component Template -->
 <ng-container *ngIf="getValue(wrapWithCard) | async; else componentsRef">
   <x-card
-    class="v-card v-no-margin-card"
+    class="x-card"
     [color]="getValue(cardColor) | async"
     [ngClass]="getValue(cssClass) | async"
     [isInPage]="getValue(isInPage) | async"
@@ -32,7 +32,11 @@
 
 <!-- Component's itSelf Template -->
 <ng-template #componentsRef>
-  <div class="x-component-wrapper" [ngClass]="getValue(cssClass) | async">
+  <div
+    class="x-component-wrapper"
+    [class.mobile]="isMobileUi$ | async"
+    [ngClass]="getValue(cssClass) | async"
+  >
     <!-- Toolbar -->
     <x-action-bar
       [color]="actionBarColor"