diff --git a/packages/common/business_components/src/ui/index.ts b/packages/common/business_components/src/ui/index.ts
index a1fa95f39..19d966a53 100644
--- a/packages/common/business_components/src/ui/index.ts
+++ b/packages/common/business_components/src/ui/index.ts
@@ -19,4 +19,5 @@ export * from "./tab";
 export * from "./table";
 export * from "./table_div";
 export * from "./title";
-export * from "./sdmInsertForm";
\ No newline at end of file
+export * from "./sdmInsertForm";
+export * from "./popover_ui"
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/popover_ui/index.tsx b/packages/common/business_components/src/ui/popover_ui/index.tsx
new file mode 100644
index 000000000..39094bc24
--- /dev/null
+++ b/packages/common/business_components/src/ui/popover_ui/index.tsx
@@ -0,0 +1,23 @@
+import { Popover, PopoverContent, PopoverTrigger } from "@common/components/ui";
+
+export default function PopoverUi({
+    childrenTriger,
+    childrenBody,
+    bodyClassName
+  }: {
+    childrenTriger: React.ReactNode;
+    childrenBody: React.ReactNode;
+    bodyClassName:string
+  }) {
+    return (
+      <>
+        <Popover>
+           <PopoverTrigger>{childrenTriger}</PopoverTrigger>
+          <PopoverContent className={bodyClassName}>
+          {childrenBody}
+          </PopoverContent>
+        </Popover>
+      </>
+    );
+  }
+  
\ No newline at end of file