diff --git a/src/components/Table.astro b/src/components/Table.astro
index f7fcd39..7f4ba71 100644
--- a/src/components/Table.astro
+++ b/src/components/Table.astro
@@ -13,6 +13,7 @@ const {
     fetchData,
     columnsRendererKey,
     classInfos = "",
+    wrapperClassNames = "",
     tableClassNames = "",
     hideHeader = false,
     rowClick = "",
@@ -37,7 +38,10 @@ const id = `table-${Math.random().toString(36).slice(2, 9)}`;
 
     <!-- 🖥️ Desktop Table -->
     <div
-        class="wr:overflow-x-auto wr:rounded-xl wr:border wr:border-gray-300 wr:dark:border-neutral-700 wr:hidden wr:md:block"
+        class={cn(
+            "wr:overflow-x-auto wr:rounded-xl wr:border wr:border-gray-300 wr:dark:border-neutral-700 wr:hidden wr:md:block",
+            wrapperClassNames,
+        )}
     >
         <table
             class={cn(
diff --git a/src/types/table/types.ts b/src/types/table/types.ts
index a7c0f88..1e3f0d2 100644
--- a/src/types/table/types.ts
+++ b/src/types/table/types.ts
@@ -32,6 +32,7 @@ export interface TableProps<T> {
     pageSize?: number
     columnsRendererKey?: string
     classInfos?: string;
+    wrapperClassNames?: string;
     tableClassNames?: string;
     hideHeader?: boolean;
     rowClick?: string;