diff --git a/packages/common/business_components/src/ui/index.ts b/packages/common/business_components/src/ui/index.ts
index 48e1904eb..beec29bf0 100644
--- a/packages/common/business_components/src/ui/index.ts
+++ b/packages/common/business_components/src/ui/index.ts
@@ -10,4 +10,7 @@ export * from "./search_input_select";
 export * from "./select";
 export * from "./table";
 export * from "./main_content_div";
-export * from "./title";
\ No newline at end of file
+export * from "./title";
+export * from "./search_form_left";
+export * from "./search_form_right";
+export * from "./table_div";
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/search_form_left/index.tsx b/packages/common/business_components/src/ui/search_form_left/index.tsx
new file mode 100644
index 000000000..950306231
--- /dev/null
+++ b/packages/common/business_components/src/ui/search_form_left/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function SearchFormLeft(props: {children: React.ReactNode}) {
+  return (
+    <div className="grid grid-cols-12 gap-4 w-4/5 mx-4">
+        {props.children}
+    </div>
+  )
+}
+
+export { SearchFormLeft };
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/search_form_right/index.tsx b/packages/common/business_components/src/ui/search_form_right/index.tsx
new file mode 100644
index 000000000..676b90849
--- /dev/null
+++ b/packages/common/business_components/src/ui/search_form_right/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function SearchFormRight(props: {children: React.ReactNode}) {
+  return (
+    <div className="w-1/5 mx-5 flex items-center justify-end space-x-2">
+        {props.children}
+    </div>
+  )
+}
+
+export { SearchFormRight };
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/table_div/index.tsx b/packages/common/business_components/src/ui/table_div/index.tsx
new file mode 100644
index 000000000..a6bbe179b
--- /dev/null
+++ b/packages/common/business_components/src/ui/table_div/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function TableDiv(props: {children: React.ReactNode}) {
+  return (
+    <div className="bg-white rounded-lg shadow-sm mb-6 p-6">
+        {props.children}
+    </div>
+  )
+}
+
+export { TableDiv };
\ No newline at end of file