diff --git a/src/Core/Components/Pagination/FluentPaginator.razor b/src/Core/Components/Pagination/FluentPaginator.razor
index 975959e8ff..a778407c65 100644
--- a/src/Core/Components/Pagination/FluentPaginator.razor
+++ b/src/Core/Components/Pagination/FluentPaginator.razor
@@ -1,6 +1,6 @@
 @namespace Microsoft.FluentUI.AspNetCore.Components
 @inherits FluentComponentBase
-<div class="paginator" style="@Style">
+<div class="@ClassValue" style="@Style">
     @if (State.TotalItemCount.HasValue)
     {
         <div class="summary">
diff --git a/src/Core/Components/Pagination/FluentPaginator.razor.cs b/src/Core/Components/Pagination/FluentPaginator.razor.cs
index ed3f38126e..9c96aed0b8 100644
--- a/src/Core/Components/Pagination/FluentPaginator.razor.cs
+++ b/src/Core/Components/Pagination/FluentPaginator.razor.cs
@@ -4,6 +4,7 @@
 
 using Microsoft.AspNetCore.Components;
 using Microsoft.FluentUI.AspNetCore.Components.Infrastructure;
+using Microsoft.FluentUI.AspNetCore.Components.Utilities;
 
 namespace Microsoft.FluentUI.AspNetCore.Components;
 
@@ -47,6 +48,10 @@ public partial class FluentPaginator : FluentComponentBase, IDisposable
     [Parameter]
     public RenderFragment? PaginationTextTemplate { get; set; }
 
+    protected string? ClassValue => new CssBuilder(Class)
+       .AddClass("paginator")
+       .Build();
+
     /// <summary>
     /// Constructs an instance of <see cref="FluentPaginator" />.
     /// </summary>