@syncfusion/blazor-themes 28.1.36 → 28.1.37

package/Compiled-Themes/tailwind-lite.css

@@ -28677,7 +28677,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -34675,8 +34675,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -63614,7 +63614,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 .e-chat-ui .e-suggestions li {
   font-size: 14px;
-  line-height: 16px;
+  line-height: 20px;
   font-weight: 400;
   padding: 1px 8px;
   margin: 8px 4px 0;
@@ -63682,6 +63682,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: #d1d5db;
@@ -63764,13 +63767,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: #6b7280;
-  background-color: #e5e7eb;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: #6b7280;
+  background-color: #e5e7eb;
+}
 .e-chat-ui .e-indicator {
   background: #f9fafb;
   animation: e-chat-indicator-blink 1s infinite;

package/Compiled-Themes/tailwind.css

@@ -37690,7 +37690,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -45151,8 +45151,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -81743,7 +81743,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 .e-chat-ui .e-suggestions li {
   font-size: 14px;
-  line-height: 16px;
+  line-height: 20px;
   font-weight: 400;
   padding: 1px 8px;
   margin: 8px 4px 0;
@@ -81811,6 +81811,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: #d1d5db;
@@ -81893,13 +81896,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: #6b7280;
-  background-color: #e5e7eb;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: #6b7280;
+  background-color: #e5e7eb;
+}
 .e-chat-ui .e-indicator {
   background: #f9fafb;
   animation: e-chat-indicator-blink 1s infinite;
@@ -82018,6 +82024,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-bigger .e-chat-ui .e-suggestions li {
   font-size: 16px;
   padding: 3px 8px;
+  line-height: 24px;
 }
 .e-bigger.e-chat-ui.e-rtl .e-left:not(.e-message-item-template),
 .e-bigger .e-chat-ui.e-rtl .e-left:not(.e-message-item-template) {

package/Compiled-Themes/tailwind3-dark-lite.css

@@ -31558,7 +31558,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -37572,8 +37572,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -41785,6 +41785,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -43611,6 +43615,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -66531,6 +66536,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -66613,13 +66621,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;

package/Compiled-Themes/tailwind3-dark.css

@@ -42350,7 +42350,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -49590,8 +49590,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -56141,6 +56141,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -57967,6 +57971,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -86256,6 +86261,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -86338,13 +86346,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;
@@ -86463,6 +86474,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-bigger .e-chat-ui .e-suggestions li {
   font-size: 14px;
   padding: 6px 12px;
+  line-height: 20px;
 }
 .e-bigger.e-chat-ui.e-rtl .e-left:not(.e-message-item-template),
 .e-bigger .e-chat-ui.e-rtl .e-left:not(.e-message-item-template) {

package/Compiled-Themes/tailwind3-lite.css

@@ -31962,7 +31962,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -37975,8 +37975,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -42188,6 +42188,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -44014,6 +44018,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -66934,6 +66939,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -67016,13 +67024,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;

package/Compiled-Themes/tailwind3.css

@@ -42754,7 +42754,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -49993,8 +49993,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -56540,6 +56540,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -58366,6 +58370,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -86655,6 +86660,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -86737,13 +86745,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;
@@ -86862,6 +86873,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-bigger .e-chat-ui .e-suggestions li {
   font-size: 14px;
   padding: 6px 12px;
+  line-height: 20px;
 }
 .e-bigger.e-chat-ui.e-rtl .e-left:not(.e-message-item-template),
 .e-bigger .e-chat-ui.e-rtl .e-left:not(.e-message-item-template) {

package/SCSS-Themes/bds-dark-lite.scss

@@ -55705,7 +55705,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -65663,7 +65663,7 @@ $grid-checkmark-color: $primary !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -73231,7 +73231,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -75187,7 +75187,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -109696,8 +109696,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 4px !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 4px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 6px !default;
 
+$chat-suggesstion-bigger-line-height: 18px !default;
 $chat-suggesstions-li-padding-bigger: 5px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -110043,7 +110045,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -110125,6 +110127,9 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -110221,6 +110226,13 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -110229,10 +110241,6 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;

package/SCSS-Themes/bds-dark.scss

@@ -75132,7 +75132,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -87863,7 +87863,7 @@ $grid-checkmark-color: $primary !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -99006,7 +99006,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -100962,7 +100962,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -142117,8 +142117,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 4px !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 4px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 6px !default;
 
+$chat-suggesstion-bigger-line-height: 18px !default;
 $chat-suggesstions-li-padding-bigger: 5px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -142464,7 +142466,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -142546,6 +142548,9 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -142642,6 +142647,13 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -142650,10 +142662,6 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;
@@ -142846,6 +142854,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       li {
         font-size: $timebreak-font-size-bigger;
         padding: $chat-suggesstions-li-padding-bigger;
+        line-height: $chat-suggesstion-bigger-line-height;
       }
     }
     &.e-rtl {

package/SCSS-Themes/bds-lite.scss

@@ -56000,7 +56000,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -65958,7 +65958,7 @@ $grid-checkmark-color: $primary !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -73526,7 +73526,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -75482,7 +75482,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -109991,8 +109991,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 4px !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 4px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 6px !default;
 
+$chat-suggesstion-bigger-line-height: 18px !default;
 $chat-suggesstions-li-padding-bigger: 5px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -110338,7 +110340,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -110420,6 +110422,9 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -110516,6 +110521,13 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -110524,10 +110536,6 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;