diff --git a/blazorbootstrap/Components/Tabs/Tabs.razor b/blazorbootstrap/Components/Tabs/Tabs.razor
index 6aa202266..7999b4d70 100644
--- a/blazorbootstrap/Components/Tabs/Tabs.razor
+++ b/blazorbootstrap/Components/Tabs/Tabs.razor
@@ -33,7 +33,7 @@
         <div class="@TabContentCssClass">
             @foreach (var t in tabs)
             {
-                <div class="tab-pane @(EnableFadeEffect ? "fade" : "")" id="nav-@t.Id" role="tabpanel" aria-labelledby="@t.Id">
+                <div id="nav-@t.Id" class="@BootstrapClass.TabPane @(EnableFadeEffect ? BootstrapClass.Fade : "") @t.Class" style="@t.Style" role="tabpanel" aria-labelledby="@t.Id">
                     @t.Content
                 </div>
             }
diff --git a/blazorbootstrap/Constants/BootstrapClass.cs b/blazorbootstrap/Constants/BootstrapClass.cs
index 76e7ae0dc..7b92fb56a 100644
--- a/blazorbootstrap/Constants/BootstrapClass.cs
+++ b/blazorbootstrap/Constants/BootstrapClass.cs
@@ -138,6 +138,8 @@ public static class BootstrapClass
     
     public const string Spinner = "spinner";
 
+    public const  string TabPane = "tab-pane";
+
     public const string TableResponsive = "table-responsive";
     public const string TableSticky = "bb-table-sticky";