diff --git a/src/dotnet/Common/Models/Chat/MessageContent.cs b/src/dotnet/Common/Models/Chat/MessageContent.cs
index 8486ca8e92..30484acb04 100644
--- a/src/dotnet/Common/Models/Chat/MessageContent.cs
+++ b/src/dotnet/Common/Models/Chat/MessageContent.cs
@@ -16,7 +16,7 @@ public class MessageContent
         /// <summary>
         /// The file name related to the Value, if applicable.
         /// </summary>
-        [JsonPropertyName("file_name")]
+        [JsonPropertyName("fileName")]
         public string? FileName { get; set; }
 
         /// <summary>
diff --git a/src/ui/UserPortal/components/ChatMessage.vue b/src/ui/UserPortal/components/ChatMessage.vue
index 5125c10887..737d7e399f 100644
--- a/src/ui/UserPortal/components/ChatMessage.vue
+++ b/src/ui/UserPortal/components/ChatMessage.vue
@@ -55,6 +55,9 @@
 							<div v-else-if="content.type === 'html'">
 								<iframe :src="content.value" frameborder="0"></iframe>
 							</div>
+							<div v-else-if="content.type === 'file'">
+								Download <a :href="content.value" target="_blank">{{ content.fileName ?? content.value }}</a>
+							</div>
 						</div>
 					</template>
 				</div>
diff --git a/src/ui/UserPortal/js/types/index.ts b/src/ui/UserPortal/js/types/index.ts
index b0c28b41ed..cafd0258ce 100644
--- a/src/ui/UserPortal/js/types/index.ts
+++ b/src/ui/UserPortal/js/types/index.ts
@@ -39,7 +39,7 @@ export interface Message {
 
 export interface MessageContent {
 	type: string;
-	file_name: string;
+	fileName: string;
 	value: string;
 }