From 85e5add14ebf99558d8d08d3e3fdb5ec23dfe732 Mon Sep 17 00:00:00 2001
From: Ashokaditya <am.struktr@gmail.com>
Date: Thu, 17 Jun 2021 17:36:19 +0200
Subject: [PATCH] use a invisible target

---
 .../view/details/endpoint_activity_log.tsx         | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/endpoint_activity_log.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/endpoint_activity_log.tsx
index a65b9fc421e8..eda2ce8ce72e 100644
--- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/endpoint_activity_log.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/endpoint_activity_log.tsx
@@ -6,9 +6,9 @@
  */
 
 import React, { memo, useCallback, useEffect, useRef } from 'react';
+import styled from 'styled-components';
 
 import {
-  EuiCallOut,
   EuiFlexGroup,
   EuiFlexItem,
   EuiLoadingContent,
@@ -32,6 +32,11 @@ import {
   getActivityLogRequestLoading,
 } from '../../store/selectors';
 
+const Sentinel = styled.div`
+  height: 6px;
+  width: 100%;
+`;
+
 export const EndpointActivityLog = memo(
   ({ activityLog }: { activityLog: AsyncResourceState<Immutable<ActivityLog>> }) => {
     const activityLogLoading = useEndpointSelector(getActivityLogRequestLoading);
@@ -115,12 +120,7 @@ export const EndpointActivityLog = memo(
               </EuiFlexItem>
               <EuiFlexItem>
                 {activityLogLoading && <EuiLoadingContent lines={3} />}
-                {!activityLogLoading && (
-                  <EuiCallOut
-                    ref={fetchMoreCallOut}
-                    size="s"
-                    title={i18.ACTIVITY_LOG.callOutTitle}
-                  />
+                {!activityLogLoading && !isPagingDisabled && <Sentinel ref={fetchMoreCallOut} />}
                 )}
               </EuiFlexItem>
             </EuiFlexGroup>