diff --git a/src/components/tab/tab-panels.tsx b/src/components/tab/tab-panels.tsx
index 1f5be1d1..bc8aa377 100644
--- a/src/components/tab/tab-panels.tsx
+++ b/src/components/tab/tab-panels.tsx
@@ -3,8 +3,9 @@ import { Tab as HeadlessTab } from "@headlessui/react";
 
 export interface TabPanelsProps {
     children: React.ReactNode;
+    className?: string;
 }
 
-export const TabPanels = ({ children }: TabPanelsProps) => {
-    return <HeadlessTab.Panels>{children}</HeadlessTab.Panels>;
+export const TabPanels = ({ children, className }: TabPanelsProps) => {
+    return <HeadlessTab.Panels className={className}>{children}</HeadlessTab.Panels>;
 };