diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx
index 3e82f1a19..596a1155c 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx
@@ -92,7 +92,7 @@ Directives written with `kebab-case` are meant to be used as HTML element.
```
-
+
Heading for a dialog
@@ -143,7 +143,7 @@ Directives written with `kebab-case` are meant to be used as HTML element.
- This is Dialog Heading
+ This is Dialog Heading
Some content for Dialog
@@ -165,7 +165,7 @@ class SimpleDialogComponent {
## Fudis Form inside Dialog
-When using Form inside Dialog, wrap the Form inside `fudis-dialog-content` and use it normally. Meaning, add all the necessary Error Summary properties, such as `errorSummaryHelpText`. Also add `title` and `level`, this title will be the title of the dialog and have initial focus when dialog is opened with keyboard.
+When using [Form](/docs/components-form-form--documentation) inside Dialog, wrap the Form inside `fudis-dialog-content` and use it normally. Meaning, add all the necessary Error Summary properties, such as `errorSummaryHelpText`. Also add `title`, `level` and possible `titleVariant`, this title will be the title of the dialog and have initial focus when dialog is opened with keyboard.
In `fudisContent` template add form components and in `fudisActions` template add action button(s). Unlike normal form, where buttons are positioned on top of the form, **these action buttons will be positioned at the bottom** after the form content, in order to follow dialog look and feel.
@@ -181,7 +181,8 @@ In `fudisContent` template add form components and in `fudisActions` template ad
[title]="'Dialog with fudis-form'"
- [level]="2"
+ [level]="1"
+ [titleVariant]="'xl'"
[errorSummaryHelpText]="'You need to fill up the information.'">
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts
index 6bcba6377..dfb60441c 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts
@@ -65,7 +65,8 @@ class DialogLaucherComponent {
@@ -137,7 +138,7 @@ class DialogWithFormComponent {
- Dialog with fudis-grid and scrollable content
@@ -166,18 +167,6 @@ class DialogWithFormComponent {
hendrerit ante nisl sed quam. Vestibulum euismod leo ac magna pretium.
-