diff --git a/.changeset/four-monkeys-buy.md b/.changeset/four-monkeys-buy.md
new file mode 100644
index 0000000000..a9f64e0751
--- /dev/null
+++ b/.changeset/four-monkeys-buy.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Improved `dialog` component accessibility by adding proper paragraph markup around text content.
diff --git a/packages/documentation/src/stories/components/dialog/dialog.stories.ts b/packages/documentation/src/stories/components/dialog/dialog.stories.ts
index d764202f7d..fa75e4e704 100644
--- a/packages/documentation/src/stories/components/dialog/dialog.stories.ts
+++ b/packages/documentation/src/stories/components/dialog/dialog.stories.ts
@@ -120,8 +120,10 @@ const getCloseButton = () => {
 };
 
 const getControls = () => {
-  return html`<button class="btn btn-primary">OK</button>
-    <button class="btn btn-secondary">Cancel</button>`;
+  return html`
+    <button class="btn btn-primary">OK</button>
+    <button class="btn btn-secondary">Cancel</button>
+  `;
 };
 
 const Template = {
@@ -148,7 +150,7 @@ const Template = {
         <form method="dialog" class="dialog-grid">
           ${postDialogIcon}
           <h3 class="dialog-header">${args.title}</h3>
-          <div class="dialog-body">${args.content}</div>
+          <div class="dialog-body"><p>${args.content}</p></div>
           <div class="dialog-controls">${getControls()}</div>
           ${postDialogCloseButton}
         </form>