diff --git a/src/components/crud/grid/GridDatatable.js b/src/components/crud/grid/GridDatatable.js
index 409e53f..167d1c1 100644
--- a/src/components/crud/grid/GridDatatable.js
+++ b/src/components/crud/grid/GridDatatable.js
@@ -43,10 +43,12 @@ export const GridDatabase = props => {
       }}
       progressPending={props.handlerPageChange ? loading : false}
       progressComponent={
-        <div className='grid-loading'>
-          <div>
-            <Spinner color='primary' />
-            <span>Loading...</span>
+        <div style={{ width: '100%', height: '504px' }}>
+          <div className='grid-loading'>
+            <div>
+              <Spinner color='primary' />
+              <span>Loading...</span>
+            </div>
           </div>
         </div>
       }