diff --git a/BlazorDialog/Components/DialogBody.razor b/BlazorDialog/Components/DialogBody.razor
index 49a5190..ba3319f 100644
--- a/BlazorDialog/Components/DialogBody.razor
+++ b/BlazorDialog/Components/DialogBody.razor
@@ -1,9 +1,11 @@
 @namespace BlazorDialog
-<div class="blazor-dialog-body">
+<div class="blazor-dialog-body @CssClass">
     @ChildContent
 </div>
 
 @code{
 
     [Parameter] public RenderFragment ChildContent { get; set; }
+    
+    [Parameter] public string CssClass { get; set; }
 }
\ No newline at end of file
diff --git a/BlazorDialog/Components/DialogFooter.razor b/BlazorDialog/Components/DialogFooter.razor
index 797ec74..0ffdb21 100644
--- a/BlazorDialog/Components/DialogFooter.razor
+++ b/BlazorDialog/Components/DialogFooter.razor
@@ -1,8 +1,9 @@
 @namespace BlazorDialog
-<div class="blazor-dialog-footer">
+<div class="blazor-dialog-footer @CssClass">
     @ChildContent
 </div>
 
 @code{
     [Parameter] public RenderFragment ChildContent { get; set; }
+    [Parameter] public string CssClass { get; set; }
 }
\ No newline at end of file
diff --git a/BlazorDialog/Components/DialogHeader.razor b/BlazorDialog/Components/DialogHeader.razor
index 02192f0..9110d7d 100644
--- a/BlazorDialog/Components/DialogHeader.razor
+++ b/BlazorDialog/Components/DialogHeader.razor
@@ -1,5 +1,5 @@
 @namespace BlazorDialog
-<div class="blazor-dialog-header">
+<div class="blazor-dialog-header @CssClass" >
     <div class="blazor-dialog-title">@ChildContent</div>
     @if (ShowClose)
     {
@@ -12,6 +12,7 @@
 @code{
     [Parameter] public RenderFragment ChildContent { get; set; }
     [Parameter] public bool ShowClose { get; set; } = false;
+    [Parameter] public string CssClass { get; set; }
     [CascadingParameter(Name = "ParentDialog")] Dialog Dialog { get; set; }
 
     private async Task OnCloseClick()