diff --git a/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.css b/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.css
index 9461e898d36f..164a6da73f22 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.css
+++ b/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.css
@@ -5,7 +5,7 @@
   gap: 20px;
 }
 
-.options-container {
+.options {
   padding: 20px;
   display: flex;
   flex-direction: column;
@@ -17,7 +17,7 @@
   box-sizing: border-box;
 }
 
-.options {
+.suggestions-options {
   display: flex;
   align-items: center;
   gap: 24px;
@@ -46,6 +46,11 @@
   font-size: var(--dx-font-size-heading-5);
 }
 
+::ng-deep .dx-chat-messagelist-empty-prompt {
+  max-width: 462px;
+  line-height: 20px;
+}
+
 ::ng-deep .dx-template-wrapper > div > p:first-child {
   margin-top: 0;
 }
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.html b/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.html
index c63572ea229f..fb6b0f300005 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.html
+++ b/apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.html
@@ -24,9 +24,9 @@
     </div>
   </dx-chat>
 
-  <div class="options-container">
+  <div class="options">
     <div class="caption">Suggestion Options</div>
-    <div class="options">
+    <div class="suggestions-options">
       <div class="option">
         <dx-switch
           [value]="sendImmediately"
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/React/App.tsx b/apps/demos/Demos/Chat/PromptSuggestions/React/App.tsx
index eda317e45a46..1944f7eeba28 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/React/App.tsx
+++ b/apps/demos/Demos/Chat/PromptSuggestions/React/App.tsx
@@ -103,9 +103,9 @@ export default function App() {
         onMessageEntered={onMessageEntered}
         onInputFieldTextChanged={onInputFieldTextChanged}
       />
-      <div className='options-container'>
+      <div className='options'>
         <div className='caption'>Suggestion Options</div>
-        <div className='options'>
+        <div className='suggestions-options'>
           <div className='option'>
             <Switch
               defaultValue={false}
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/React/styles.css b/apps/demos/Demos/Chat/PromptSuggestions/React/styles.css
index c00cab67041c..6a166059091d 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/React/styles.css
+++ b/apps/demos/Demos/Chat/PromptSuggestions/React/styles.css
@@ -5,7 +5,7 @@
   gap: 20px;
 }
 
-.options-container {
+.options {
   padding: 20px;
   display: flex;
   flex-direction: column;
@@ -17,7 +17,7 @@
   box-sizing: border-box;
 }
 
-.options {
+.suggestions-options {
   display: flex;
   align-items: center;
   gap: 24px;
@@ -46,6 +46,11 @@
   font-size: var(--dx-font-size-heading-5);
 }
 
+.dx-chat-messagelist-empty-prompt {
+  max-width: 462px;
+  line-height: 20px;
+}
+
 .dx-chat-messagebubble-content > div > p:first-child {
   margin-top: 0;
 }
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/App.js b/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/App.js
index 83717400495d..9364498f31d5 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/App.js
+++ b/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/App.js
@@ -89,9 +89,9 @@ export default function App() {
         onMessageEntered={onMessageEntered}
         onInputFieldTextChanged={onInputFieldTextChanged}
       />
-      <div className="options-container">
+      <div className="options">
         <div className="caption">Suggestion Options</div>
-        <div className="options">
+        <div className="suggestions-options">
           <div className="option">
             <Switch
               defaultValue={false}
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/styles.css b/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/styles.css
index c00cab67041c..6a166059091d 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/styles.css
+++ b/apps/demos/Demos/Chat/PromptSuggestions/ReactJs/styles.css
@@ -5,7 +5,7 @@
   gap: 20px;
 }
 
-.options-container {
+.options {
   padding: 20px;
   display: flex;
   flex-direction: column;
@@ -17,7 +17,7 @@
   box-sizing: border-box;
 }
 
-.options {
+.suggestions-options {
   display: flex;
   align-items: center;
   gap: 24px;
@@ -46,6 +46,11 @@
   font-size: var(--dx-font-size-heading-5);
 }
 
+.dx-chat-messagelist-empty-prompt {
+  max-width: 462px;
+  line-height: 20px;
+}
+
 .dx-chat-messagebubble-content > div > p:first-child {
   margin-top: 0;
 }
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/Vue/App.vue b/apps/demos/Demos/Chat/PromptSuggestions/Vue/App.vue
index 9e6f1c5fc206..e1dbe4160dc3 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/Vue/App.vue
+++ b/apps/demos/Demos/Chat/PromptSuggestions/Vue/App.vue
@@ -24,9 +24,9 @@
     </template>
   </DxChat>
 
-  <div class="options-container">
+  <div class="options">
     <div class="caption">Suggestion Options</div>
-    <div class="options">
+    <div class="suggestions-options">
       <div class="option">
         <DxSwitch
           :value="sendImmediately"
@@ -185,7 +185,7 @@ function onSuggestionItemClick(e: { itemData?: { text: string; prompt: string }
   gap: 20px;
 }
 
-.options-container {
+.options {
   padding: 20px;
   display: flex;
   flex-direction: column;
@@ -197,7 +197,7 @@ function onSuggestionItemClick(e: { itemData?: { text: string; prompt: string }
   box-sizing: border-box;
 }
 
-.options {
+.suggestions-options {
   display: flex;
   align-items: center;
   gap: 24px;
@@ -226,6 +226,11 @@ function onSuggestionItemClick(e: { itemData?: { text: string; prompt: string }
   font-size: var(--dx-font-size-heading-5);
 }
 
+.dx-chat-messagelist-empty-prompt {
+  max-width: 462px;
+  line-height: 20px;
+}
+
 .dx-chat-messagebubble-content > div > p:first-child {
   margin-top: 0;
 }
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/jQuery/index.html b/apps/demos/Demos/Chat/PromptSuggestions/jQuery/index.html
index 9faf06138195..94f6d84525fd 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/jQuery/index.html
+++ b/apps/demos/Demos/Chat/PromptSuggestions/jQuery/index.html
@@ -34,10 +34,10 @@
     <div class="demo-container">
       <div id="dx-ai-chat"></div>
 
-      <div class="options-container">
+      <div class="options">
         <div class="caption">Suggestion Options</div>
 
-        <div class="options">
+        <div class="suggestions-options">
           <div class="option">
             <div id="send-immediately"></div>
             <span>Send Immediately</span>
diff --git a/apps/demos/Demos/Chat/PromptSuggestions/jQuery/styles.css b/apps/demos/Demos/Chat/PromptSuggestions/jQuery/styles.css
index 35b26cf82889..bbc0feea5ba3 100644
--- a/apps/demos/Demos/Chat/PromptSuggestions/jQuery/styles.css
+++ b/apps/demos/Demos/Chat/PromptSuggestions/jQuery/styles.css
@@ -5,7 +5,7 @@
   gap: 20px;
 }
 
-.options-container {
+.options {
   padding: 20px;
   display: flex;
   flex-direction: column;
@@ -17,7 +17,7 @@
   box-sizing: border-box;
 }
 
-.options {
+.suggestions-options {
   display: flex;
   align-items: center;
   gap: 24px;
@@ -46,6 +46,11 @@
   font-size: var(--dx-font-size-heading-5);
 }
 
+.dx-chat-messagelist-empty-prompt {
+  max-width: 462px;
+  line-height: 20px;
+}
+
 .dx-chat-messagebubble-content,
 .chat-messagebubble-text {
   display: flex;
diff --git a/apps/demos/testing/etalons/Chat-PromptSuggestions (fluent.blue.light).png b/apps/demos/testing/etalons/Chat-PromptSuggestions (fluent.blue.light).png
index 61fcd9a980bb..94b45e2acefe 100644
Binary files a/apps/demos/testing/etalons/Chat-PromptSuggestions (fluent.blue.light).png and b/apps/demos/testing/etalons/Chat-PromptSuggestions (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Chat-PromptSuggestions (material.blue.light).png b/apps/demos/testing/etalons/Chat-PromptSuggestions (material.blue.light).png
index 73d0e1817249..311ed1db1a7b 100644
Binary files a/apps/demos/testing/etalons/Chat-PromptSuggestions (material.blue.light).png and b/apps/demos/testing/etalons/Chat-PromptSuggestions (material.blue.light).png differ