From d8d79afd2d052db92ee8241f4b121cf5c97601a4 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 15 Nov 2022 14:10:31 +0100
Subject: [PATCH] fix(ui) - lazyload offset

---
 .../Dashboard/components/WidgetWrapper/WidgetWrapper.tsx     | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapper.tsx b/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapper.tsx
index eb7faa64b..4aac81dd6 100644
--- a/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapper.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapper.tsx
@@ -119,7 +119,7 @@ function WidgetWrapper(props: Props & RouteComponentProps) {
           {'Cannot drill down system provided metrics'}
         </div>
       )}
-      <Tooltip disabled={!isTemplate} title={<span>Click to select</span>} className="w-full">
+      <Tooltip disabled={!isTemplate} title="Click to select">
         {addOverlay && <TemplateOverlay onClick={onChartClick} isTemplate={isTemplate} />}
         <div
           className={cn('p-3 pb-4 flex items-center justify-between', {
@@ -160,8 +160,7 @@ function WidgetWrapper(props: Props & RouteComponentProps) {
           )}
         </div>
 
-        {/* <LazyLoad height={!isTemplate ? 300 : 10} offset={!isTemplate ? 100 : 10} > */}
-        <LazyLoad offset={!isTemplate ? 100 : 0}>
+        <LazyLoad offset={!isTemplate ? 100 : 600}>
           <div className="px-4" onClick={onChartClick}>
             <WidgetChart metric={widget} isTemplate={isTemplate} isWidget={isWidget} />
           </div>