diff --git a/packages/raystack/components/data-table/components/virtualized-content.tsx b/packages/raystack/components/data-table/components/virtualized-content.tsx
index d6f3b5a9b..9b07332a3 100644
--- a/packages/raystack/components/data-table/components/virtualized-content.tsx
+++ b/packages/raystack/components/data-table/components/virtualized-content.tsx
@@ -169,7 +169,7 @@ function VirtualLoaderRows({
   count: number;
 }) {
   return (
-    <div className={styles.stickyLoaderContainer}>
+    <div role='rowgroup' className={styles.loaderContainer}>
       {Array.from({ length: count }).map((_, rowIndex) => (
         <div
           role='row'
diff --git a/packages/raystack/components/data-table/data-table.module.css b/packages/raystack/components/data-table/data-table.module.css
index f69bb26f5..187b2ca48 100644
--- a/packages/raystack/components/data-table/data-table.module.css
+++ b/packages/raystack/components/data-table/data-table.module.css
@@ -191,10 +191,7 @@
   box-shadow: 0 1px 0 0 var(--rs-color-border-base-primary);
 }
 
-.stickyLoaderContainer {
-  position: sticky;
-  bottom: 0;
-  z-index: 1;
+.loaderContainer {
   background: var(--rs-color-background-base-primary);
 }