diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_mixins.scss
index c53c2d577a02..2e2f1876f3d9 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_mixins.scss
@@ -1,4 +1,4 @@
-@mixin chat-messagebubble (
+@mixin chat-messagebubble(
   $padding,
   $border-radius,
   $background-color-secondary,
@@ -31,6 +31,8 @@
   
   .dx-chat-message-group-alignment-end {
     .dx-chat-message-bubble {
+      background-color: $background-color-primary;
+
       &:first-child {
         border-top-right-radius: $border-radius;
       }
@@ -40,10 +42,4 @@
       }
     }
   }
-
-  .dx-chat-message-group-alignment-end {
-    .dx-chat-message-bubble {
-      background-color: $background-color-primary;
-    }
-  }
 }
diff --git a/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss
index 624a0a4925ef..a3a685dac256 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss
@@ -22,6 +22,6 @@ $chat-messagebox-button-color: null !default;
 @else if $mode == "dark" {
   $chat-bubble-background-color-primary: #082338 !default;
   $chat-bubble-background-color-secondary: #3D3D3D !default;
-  $chat-information-color: #999999 !default;
+  $chat-information-color: #999 !default;
   $chat-messagebox-button-color: #62ABF5 !default;
 }
diff --git a/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss
index 4231874df74a..cddafbc8ca78 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss
@@ -17,8 +17,7 @@ $chat-messagegroup-padding-top: null !default;
 $chat-messagegroup-author-name-gap: 8px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-gap: 12px !default;
-$chat-messagegroup-alignment-start-template:
-  $chat-avatar-size + $chat-avatar-gap 1fr !default;
+$chat-messagegroup-alignment-start-template: $chat-avatar-size + $chat-avatar-gap 1fr !default;
 $chat-header-padding: 20px !default;
 $chat-information-font-size: 12px !default;
 
diff --git a/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss
index c0aa5c9411cd..1531d7cf1a41 100644
--- a/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss
@@ -17,8 +17,7 @@ $chat-messagegroup-padding-top: null !default;
 $chat-messagegroup-author-name-gap: 8px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-gap: 12px !default;
-$chat-messagegroup-alignment-start-template:
-  $chat-avatar-size + $chat-avatar-gap 1fr !default;
+$chat-messagegroup-alignment-start-template: $chat-avatar-size + $chat-avatar-gap 1fr !default;
 $chat-header-padding: 20px !default;
 $chat-information-font-size: 12px !default;
 
diff --git a/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss b/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss
index 4145fd0589f9..faa52b87ea50 100644
--- a/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss
@@ -15,13 +15,13 @@ $chat-messagebox-button-color: null !default;
 @if $mode == "light" {
   $chat-bubble-background-color-primary: #03A9F414 !default;
   $chat-bubble-background-color-secondary: #00000014 !default;
-  $chat-information-color: #00000099 !default;
+  $chat-information-color: #0009 !default;
   $chat-messagebox-button-color: #03A9F4 !default;
 }
 
 @else if $mode == "dark" {
   $chat-bubble-background-color-primary: #5CCBFD14 !default;
   $chat-bubble-background-color-secondary: #FFFFFF14 !default;
-  $chat-information-color: #FFFFFF99 !default;
+  $chat-information-color: #FFF9 !default;
   $chat-messagebox-button-color: #5CCBFD !default;
 }
diff --git a/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss
index 8b77b69e0d49..edd55bcdb746 100644
--- a/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss
@@ -17,8 +17,7 @@ $chat-messagegroup-padding-top: null !default;
 $chat-messagegroup-author-name-gap: 8px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-gap: 12px !default;
-$chat-messagegroup-alignment-start-template:
-  $chat-avatar-size + $chat-avatar-gap 1fr !default;
+$chat-messagegroup-alignment-start-template: $chat-avatar-size + $chat-avatar-gap 1fr !default;
 $chat-header-padding: 20px !default;
 $chat-information-font-size: 12px !default;