From 813a4a04f55752bf273c2dac304f1d1dbd2152f8 Mon Sep 17 00:00:00 2001
From: "Chongyang Adrian, Ke" <ftt.adrian.ke@grabtaxi.com>
Date: Fri, 23 Apr 2021 11:38:09 +0800
Subject: [PATCH] fix DocsTable rendering of EmptyState

Signed-off-by: Chongyang Adrian, Ke <ftt.adrian.ke@grabtaxi.com>
---
 docs/features/techdocs/how-to-guides.md                     | 6 +++---
 plugins/techdocs/src/home/components/TechDocsCustomHome.tsx | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/docs/features/techdocs/how-to-guides.md b/docs/features/techdocs/how-to-guides.md
index 384656ea38..6c64e83a76 100644
--- a/docs/features/techdocs/how-to-guides.md
+++ b/docs/features/techdocs/how-to-guides.md
@@ -87,7 +87,7 @@ implementation very soon.
 
 ### 1st way: TechDocsCustomHome with a custom configuration
 
-In your main App.tsx:
+As an example, in your main App.tsx:
 
 ```tsx
 import {
@@ -107,7 +107,7 @@ const tabsConfig = [
           'Explore your internal technical ecosystem through documentation.',
         panelType: 'DocsCardGrid' as PanelType,
         // optional, is applied to a container of the panel (excludes header of panel)
-        panelCSS: { maxHeight: '400px' },
+        panelCSS: { maxHeight: '400px', overflow:'auto' },
         filterPredicate: (entity: Entity) => !!entity.metadata.annotations?.['customCardAnnotationOne'];
     },
       {
@@ -115,7 +115,7 @@ const tabsConfig = [
         description:
           'Explore your internal technical ecosystem through documentation.',
         panelType: 'DocsCardGrid' as PanelType,
-        panelCSS: { maxHeight: '400px' },
+        panelCSS: { maxHeight: '400px', overflow:'auto' },
         filterPredicate: (entity: Entity) => !!entity.metadata.annotations?.['customCardAnnotationTwo'];
       },
     ],
diff --git a/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx b/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx
index 7230adb29b..ff9f1bf101 100644
--- a/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx
+++ b/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx
@@ -71,7 +71,6 @@ const CustomPanel = ({
   const useStyles = makeStyles({
     panelContainer: {
       marginBottom: '2rem',
-      overflow: 'auto',
       ...(config.panelCSS ? config.panelCSS : {}),
     },
   });