diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index 76273ad9dbc..1c1a62cf10c 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -29,6 +29,7 @@
     <PackageReference Include="BootstrapBlazor.BarcodeGenerator" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.BootstrapIcon" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.Chart" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.ChatBot" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.CherryMarkdown" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Dock" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.DockView" Version="9.1.9" />
diff --git a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor
index c252677c2b0..e8d9a56d83e 100644
--- a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor
+++ b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor
@@ -37,7 +37,7 @@
                 </div>
                 <div class="msg-body">
                     <div class="msg-time">@message.Time.ToString("HH:mm:ss")</div>
-                    <div>@message.Content</div>
+                    <MarkdownContent Content="@message.Content"></MarkdownContent>
                     @if (message.Role == ChatRole.Assistant)
                     {
                         <div class="msg-desc">AI-generated content may be incorrect</div>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor.cs
index 5beb86e8036..7b6dae99763 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/Markdowns.razor.cs
@@ -21,10 +21,10 @@ public partial class Markdowns
     private string? AsyncValue { get; set; }
 
     [NotNull]
-    private Markdown? MarkdownSetValue { get; set; }
+    private BootstrapBlazor.Components.Markdown? MarkdownSetValue { get; set; }
 
     [NotNull]
-    private Markdown? Markdown { get; set; }
+    private BootstrapBlazor.Components.Markdown? Markdown { get; set; }
 
     private string JsString { get; set; } = @"```js
         console.log('test');