From c4e6094018df83758d2e9567be5427800e8df891 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Mon, 15 Jun 2020 22:09:22 -0700
Subject: [PATCH] feat: Ensure charts examples have a height defined

---
 src/templates/ComponentReferenceTemplate.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/templates/ComponentReferenceTemplate.js b/src/templates/ComponentReferenceTemplate.js
index 5031806a0..77492f6ac 100644
--- a/src/templates/ComponentReferenceTemplate.js
+++ b/src/templates/ComponentReferenceTemplate.js
@@ -16,7 +16,24 @@ import useComponentDoc from '../hooks/useComponentDoc';
 import IconGallery from '../components/IconGallery';
 import TypeDefReference from '../components/TypeDefReference';
 
+const chartStyles = {
+  height: '200px',
+};
+
 const previewStyles = {
+  AreaChart: chartStyles,
+  BarChart: chartStyles,
+  BillboardChart: chartStyles,
+  FunnelChart: chartStyles,
+  HeatmapChart: chartStyles,
+  HistogramChart: chartStyles,
+  JsonChart: chartStyles,
+  LineChart: chartStyles,
+  PieChart: chartStyles,
+  ScatterChart: chartStyles,
+  SparklineChart: chartStyles,
+  StackedBarChart: chartStyles,
+  TableChart: chartStyles,
   Spinner: {
     height: '16px',
   },