diff --git a/packages/common/business_components/src/ui/list_div/index.tsx b/packages/common/business_components/src/ui/list_div/index.tsx
index 2c7e1cedf..abe480c7a 100644
--- a/packages/common/business_components/src/ui/list_div/index.tsx
+++ b/packages/common/business_components/src/ui/list_div/index.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 
-function ListDiv(props: {children: React.ReactNode}) {
+function ListDiv(props: {children: React.ReactNode, className?: string|undefined}) {
   return (
-    <div className="card card-border h-full overflow-x-auto">
+    <div className={`card card-border ${props.className}`}>
       {props.children}
     </div>
   )