diff --git a/src/app/icons/icon-theme-circle/icon-theme-circle.component.css b/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
index c248a147..7fbdba63 100644
--- a/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
+++ b/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
@@ -19,8 +19,8 @@
 }
 
 .color-circle.light {
-    border-color: #fff; 
-    background-color: #337ab7;  
+    border-color: #fff;
+    background-color: #337ab7;
 }
 
 .color-circle.dark {
@@ -29,7 +29,11 @@
 }
 
 .color-circle.blue {
-    background-color: #03a9f4;
+    background-color: var(--dx-color-primary);
+}
+
+.color-circle.blue.dark {
+    background-color: #90CAF9;
 }
 
 .color-circle.orange {
diff --git a/src/app/preview/chat/chat.component.css b/src/app/preview/chat/chat.component.css
index ede22b05..aa8ae914 100644
--- a/src/app/preview/chat/chat.component.css
+++ b/src/app/preview/chat/chat.component.css
@@ -1,3 +1,7 @@
+.dx-chat {
+  min-height: 50px;
+}
+
 .chat-container {
   display: flex;
   justify-content: center;
diff --git a/src/app/preview/preview/preview.component.html b/src/app/preview/preview/preview.component.html
index 6069adff..ce45ce60 100644
--- a/src/app/preview/preview/preview.component.html
+++ b/src/app/preview/preview/preview.component.html
@@ -49,7 +49,7 @@
         </div>
 
         <div class="component-item component-item--half">
-            <app-preview-title [isNew]="true">CardView</app-preview-title>
+            <app-preview-title>CardView</app-preview-title>
             <div class="component-display">
                 <app-button-detailed widget="cardview" [currentWidget]="widgetName" (clicked)="buttonDetailedClick($event)"></app-button-detailed>
                 <app-cardview #widget></app-cardview>
@@ -137,7 +137,7 @@
         </div>
 
         <div class="component-item component-item--half">
-            <app-preview-title [isNew]="true">Stepper</app-preview-title>
+            <app-preview-title>Stepper</app-preview-title>
             <div class="component-display">
                 <app-button-detailed widget="stepper" [currentWidget]="widgetName" (clicked)="buttonDetailedClick($event)"></app-button-detailed>
                 <app-stepper #widget></app-stepper>
@@ -159,7 +159,7 @@
                 <app-progressbars #widget></app-progressbars>
             </div>
         </div>
-        
+
         <div class="component-item component-item--half">
             <app-preview-title>Sliders</app-preview-title>
             <div class="component-display">
diff --git a/src/app/preview/splitter/splitter.component.css b/src/app/preview/splitter/splitter.component.css
index 1d0d1d3b..f65778e3 100644
--- a/src/app/preview/splitter/splitter.component.css
+++ b/src/app/preview/splitter/splitter.component.css
@@ -3,23 +3,22 @@
   border: 1px solid var(--dx-color-border);
   overflow: hidden;
 }
-  
+
 ::ng-deep .pane-content {
   padding: 12px;
 }
-  
+
 ::ng-deep .pane-title {
   font-weight: 600;
   margin-bottom: 2px;
 }
-  
+
 ::ng-deep .pane-state {
   font-size: 12px;
   font-weight: 400;
-  color: rgba(51, 51, 51, 0.7);
   margin-bottom: 4px;
 }
-  
+
 ::ng-deep .pane-option {
   color: rgba(51, 51, 51, 1);
   font-size: 14px;