diff --git a/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx b/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx
index 4e5a481dd2..930021c994 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx
@@ -263,6 +263,9 @@ export const Datepicker = function Datepicker({
           }
           setIsDateInputFocussed(false);
         }}
+        closeOnScroll={(e) => {
+          return e.target.className === 'table-responsive jet-data-table false false';
+        }}
       />
     </div>
   );
diff --git a/frontend/src/AppBuilder/Widgets/Table/Table.jsx b/frontend/src/AppBuilder/Widgets/Table/Table.jsx
index 68b1609748..7d378e7d70 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Table.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Table.jsx
@@ -1114,10 +1114,9 @@ export const Table = React.memo(
                 <div
                   style={{
                     position: 'absolute',
-                    top: 0,
+                    top: `${items[0]?.start ?? 0}px`,
                     left: 0,
                     width: '100%',
-                    transform: `translateY(${items[0]?.start ?? 0}px)`,
                   }}
                 >
                   {items.map((virtualRow) => {