allow overflow on scannerExamples

Author: dpatanin

src/components/ScannerExamples.js

@@ -1,11 +1,10 @@
+import groupBy from 'lodash/groupBy';
+import mapValues from 'lodash/mapValues';
 import React from 'react';
-import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+import { Tab, TabList, TabPanel, Tabs } from 'react-tabs';
 import 'react-tabs/style/react-tabs.css';
 import Collapsible from './Collapsible';
 
-import groupBy from 'lodash/groupBy';
-import mapValues from 'lodash/mapValues';
-
 export default function ScannerExamples({ examples: allExamples }) {
   const exampleGroups = mapValues(
     groupBy(allExamples, ({ scanTarget }) => scanTarget),
@@ -23,8 +22,10 @@ export default function ScannerExamples({ examples: allExamples }) {
         return (
           <Tabs key={targetName}>
             <Collapsible
+              overflowWhenOpen="visible"
               lazyRender={true}
               transitionTime={150}
+              transitionCloseTime={50}
               trigger={targetName}
               triggerTagName="h3"
             >