diff --git a/audino/frontend/src/pages/data.js b/audino/frontend/src/pages/data.js
index 0b64506a..1611c8cc 100644
--- a/audino/frontend/src/pages/data.js
+++ b/audino/frontend/src/pages/data.js
@@ -2,7 +2,7 @@ import axios from 'axios';
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { withRouter } from 'react-router-dom';
-
+import { Button } from '../components/button';
 import Loader from '../components/loader';
 
 const datas = [];
@@ -102,7 +102,7 @@ class Data extends React.Component {
   isBottom() {
     // https://stackoverflow.com/questions/3898130/check-if-a-user-has-scrolled-to-the-bottom/3898152
     const element = document.body;
-    return element.scrollHeight - element.scrollTop === element.clientHeight;
+    return element.scrollHeight - element.scrollTop > element.clientHeight * 0.8;
   }
 
   prepareUrl(projectId, page, active) {
@@ -200,7 +200,14 @@ class Data extends React.Component {
                   }}
                 >
                   {nextPage ? (
-                    <Loader />
+                   /*<Button
+                   type="primary"
+                   text="load more data"
+                   onClick={() => {
+                    this.getData(true);
+                   }}
+                 />*/
+                   <Loader/>
                   ) : (
                     <text>
                       <b>End Of Data</b>