diff --git a/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.html b/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.html
index 2a77fe3b4a1..fd63d5e86e1 100644
--- a/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.html
+++ b/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.html
@@ -8,7 +8,7 @@
   <div class="flex justify-start flex-grow">
     <div class="response-text notice-bg-bg">
       <div class="mat-small secondary-text poster" i18n>{{ computerAvatar.name }}</div>
-      <div [innerHtml]="message.content"></div>
+      <markdown [data]="message.content"></markdown>
     </div>
   </div>
 </div>
diff --git a/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.spec.ts b/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.spec.ts
index df72ce1c02d..4a1749fb14a 100644
--- a/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.spec.ts
+++ b/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.spec.ts
@@ -2,6 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AiChatBotMessageComponent } from './ai-chat-bot-message.component';
 import { ComputerAvatarService } from '../../../services/computerAvatarService';
 import { AiChatMessage } from '../AiChatMessage';
+import { MarkdownService } from 'ngx-markdown';
 
 describe('AiChatBotMessageComponent', () => {
   let component: AiChatBotMessageComponent;
@@ -10,7 +11,7 @@ describe('AiChatBotMessageComponent', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       imports: [AiChatBotMessageComponent],
-      providers: [ComputerAvatarService]
+      providers: [ComputerAvatarService, MarkdownService]
     });
     fixture = TestBed.createComponent(AiChatBotMessageComponent);
     component = fixture.componentInstance;
diff --git a/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.ts b/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.ts
index 12c674f0ac8..8f831d99c3a 100644
--- a/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.ts
+++ b/src/assets/wise5/components/aiChat/ai-chat-bot-message/ai-chat-bot-message.component.ts
@@ -2,8 +2,10 @@ import { Component, Input } from '@angular/core';
 import { AiChatMessage } from '../AiChatMessage';
 import { ComputerAvatar } from '../../../common/computer-avatar/ComputerAvatar';
 import { ComputerAvatarService } from '../../../services/computerAvatarService';
+import { MarkdownComponent } from 'ngx-markdown';
 
 @Component({
+  imports: [MarkdownComponent],
   selector: 'ai-chat-bot-message',
   styleUrl: './ai-chat-bot-message.component.scss',
   templateUrl: './ai-chat-bot-message.component.html'