From 25d2b40c2d26e00ed13c690af0c3b68ea5665337 Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Mon, 24 Feb 2025 10:56:30 +0700
Subject: [PATCH] feat: enhance footer rendering in Form component with dynamic
 class handling

---
 components/form/Form.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index 6015348..6e6abc1 100644
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -312,7 +312,18 @@ export const Form: React.FC<any> = ({
             )}
           </form>
           {typeof onFooter === "function" ? (
-            <div className="flex flex-grow flex-col">{onFooter(local)}</div>
+            <div
+              className={cx(
+                "flex flex-grow flex-col",
+                css`
+                  .tbl {
+                    position: relative;
+                  }
+                `
+              )}
+            >
+              {onFooter(local)}
+            </div>
           ) : (
             <div className="flex flex-grow flex-col"></div>
           )}