diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index de6fed944..4f369dc59 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -122,8 +122,8 @@ export function UiTable({
                                 : cellClick
                                   ? "cursor-pointer"
                                   : ""
-                            } sticky z-40 bg-secondary !font-bold`}
-                            style={{ top: `${headerHeight + index * 39}px` }}
+                            } sticky top-20 z-40 bg-secondary !font-bold`}
+                            style={{ top: `${headerHeight + index * 32-4}px` }}
                             onClick={() => handleCellClick(index, head.id)}
                             key={`cell-${head.id}-${index}`}
                           >
diff --git a/packages/common/components/src/ui/table/index.tsx b/packages/common/components/src/ui/table/index.tsx
index 3d4e2251d..fc536bb6f 100644
--- a/packages/common/components/src/ui/table/index.tsx
+++ b/packages/common/components/src/ui/table/index.tsx
@@ -31,7 +31,7 @@ const TableHeader = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <thead
     ref={ref}
-    className={cn("sticky top-0 z-10 bg-secondary [&_tr]:border-b", className)}
+    className={cn("sticky -top-2 z-10 bg-secondary [&_tr]:border-b", className)}
     {...props}
   />
 ));