diff --git a/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor b/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor
index ca881111..8c53f702 100644
--- a/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor
+++ b/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor
@@ -33,5 +33,5 @@
}
}
-
+
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor
new file mode 100644
index 00000000..1f99ff44
--- /dev/null
+++ b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs
new file mode 100644
index 00000000..0770c502
--- /dev/null
+++ b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs
@@ -0,0 +1,9 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components;
+
+public partial class MudJustifiedMarkdown
+{
+ [Parameter]
+ public string Value { get; set; } = string.Empty;
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/wwwroot/app.css b/app/MindWork AI Studio/wwwroot/app.css
index 909d350d..787fb272 100644
--- a/app/MindWork AI Studio/wwwroot/app.css
+++ b/app/MindWork AI Studio/wwwroot/app.css
@@ -116,6 +116,25 @@
margin-bottom:2em;
}
+.justified-markdown .mud-markdown-body p,
+.justified-markdown .mud-markdown-body li,
+.justified-markdown .mud-markdown-body blockquote p {
+ text-align: justify;
+ hyphens: auto;
+}
+
+.justified-markdown .mud-markdown-body pre,
+.justified-markdown .mud-markdown-body code,
+.justified-markdown .mud-markdown-body h1,
+.justified-markdown .mud-markdown-body h2,
+.justified-markdown .mud-markdown-body h3,
+.justified-markdown .mud-markdown-body h4,
+.justified-markdown .mud-markdown-body h5,
+.justified-markdown .mud-markdown-body h6,
+.justified-markdown .mud-markdown-body table {
+ text-align: left;
+}
+
.code-block {
background-color: #2d2d2d;
color: #f8f8f2;