diff --git a/src/pages/HoverIcons.js b/src/pages/HoverIcons.js
index 4e5de5dcb..c7f60c25b 100644
--- a/src/pages/HoverIcons.js
+++ b/src/pages/HoverIcons.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-
-  Hover icons. This example demonstrates showing
-  icons on vertices as mouse hovers over them.
  */
 
 import React from 'react';
@@ -24,6 +21,8 @@ class HoverIcons extends React.Component {
     return (
       <>
         <h1>Hover icons</h1>
+        This example demonstrates showing
+        icons on vertices as mouse hovers over them.
 
         <div
           ref={el => {
diff --git a/src/pages/HoverStyle.js b/src/pages/HoverStyle.js
index 4748b09ea..d436387b6 100644
--- a/src/pages/HoverStyle.js
+++ b/src/pages/HoverStyle.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Hoverstyle. This example shows hot to change
-  the style of a vertex on mouseover.
  */
 
 import React from 'react';
@@ -21,6 +18,9 @@ class HoverStyle extends React.Component {
     return (
       <>
         <h1>Hoverstyle</h1>
+        This example shows hot to change
+        the style of a vertex on mouseover.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/HtmlLabel.js b/src/pages/HtmlLabel.js
index 85febc51a..e20b14e30 100644
--- a/src/pages/HtmlLabel.js
+++ b/src/pages/HtmlLabel.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  HTML label. This example demonstrates using
-  HTML labels that are connected to the state of the user object.
  */
 
 import React from 'react';
@@ -20,6 +17,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>HTML label</h1>
+        This example demonstrates using
+        HTML labels that are connected to the state of the user object.
 
         <div
           ref={el => {
diff --git a/src/pages/Images.js b/src/pages/Images.js
index 40bc341f4..611d640e1 100644
--- a/src/pages/Images.js
+++ b/src/pages/Images.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Images. This example demonstrates using
-  background images and images for for the label- and image-shape.
  */
 
 import React from 'react';
@@ -25,6 +22,9 @@ class Images extends React.Component {
     return (
       <>
         <h1>Images</h1>
+        This example demonstrates using
+        background images and images for for the label- and image-shape.
+        
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Indicators.js b/src/pages/Indicators.js
index ab5f08666..1493f3bf4 100644
--- a/src/pages/Indicators.js
+++ b/src/pages/Indicators.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Indicators. This example demonstrates the use of
-  indicators, which are small subshapes inside a parent shape, typically
-  an mxLabel.
  */
 
 import React from 'react';
@@ -22,6 +18,10 @@ class Indicators extends React.Component {
     return (
       <>
         <h1>Indicators</h1>
+        This example demonstrates the use of
+        indicators, which are small subshapes inside a parent shape, typically
+        an mxLabel.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/JQuery.js b/src/pages/JQuery.js
index 0fa06130c..54a629e58 100644
--- a/src/pages/JQuery.js
+++ b/src/pages/JQuery.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  JQuery. This example demonstrates using
-  a JQuery plugin to generate labels for vertices on the fly.
  */
 
 import React from 'react';
@@ -10,7 +7,7 @@ import mxEvent from '../mxgraph/util/mxEvent';
 import mxGraph from '../mxgraph/view/mxGraph';
 import mxRubberband from '../mxgraph/handler/mxRubberband';
 
-class MYNAMEHERE extends React.Component {
+class JQuery extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -20,6 +17,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>JQuery plugin for labels</h1>
+        This example demonstrates using
+        a JQuery plugin to generate labels for vertices on the fly.
 
         <div
           ref={el => {
diff --git a/src/pages/JsonData.js b/src/pages/JsonData.js
index a1302ecb8..44348e705 100644
--- a/src/pages/JsonData.js
+++ b/src/pages/JsonData.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-
- JSON data. This example demonstrates using
- JSON to encode/decode parts of the graph model in mxCodec.
  */
 
 import React from 'react';
@@ -31,6 +28,9 @@ class JsonData extends React.Component {
     return (
       <>
         <h1>JSON data</h1>
+        This example demonstrates using
+        JSON to encode/decode parts of the graph model in mxCodec.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/LOD.js b/src/pages/LOD.js
index 849966ac6..2775f0f58 100644
--- a/src/pages/LOD.js
+++ b/src/pages/LOD.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Level of detail. This example demonstrates
-  implementing a level of detail per cell.
  */
 
 import React from 'react';
@@ -19,6 +16,9 @@ class LOD extends React.Component {
     return (
       <>
         <h1>Level of detail</h1>
+        This example demonstrates
+        implementing a level of detail per cell.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/LabelPosition.js b/src/pages/LabelPosition.js
index 4fc8a7b49..12de17dcb 100644
--- a/src/pages/LabelPosition.js
+++ b/src/pages/LabelPosition.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Label Position. This example demonstrates the use of the
-  label position styles to set the position of vertex labels.
  */
 
 import React from 'react';
@@ -18,6 +15,9 @@ class LabelPosition extends React.Component {
     return (
       <>
         <h1>Label Position</h1>
+        This example demonstrates the use of the
+        label position styles to set the position of vertex labels.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Labels.js b/src/pages/Labels.js
index a3bc89e47..464a832fd 100644
--- a/src/pages/Labels.js
+++ b/src/pages/Labels.js
@@ -1,10 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Labels. This example demonstrates the use of wrapping
-  and clipping for HTML labels of vertices, truncating labels to fit the
-  size of a vertex, and manually placing vertex labels and relative children
-  that act as "sublabels".
  */
 
 import React from 'react';
@@ -24,6 +19,11 @@ class Labels extends React.Component {
     return (
       <>
         <h1>Hello, World!</h1>
+        This example demonstrates the use of wrapping
+        and clipping for HTML labels of vertices, truncating labels to fit the
+        size of a vertex, and manually placing vertex labels and relative children
+        that act as "sublabels".
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Layers.js b/src/pages/Layers.js
index 3adaedaff..3511f6950 100644
--- a/src/pages/Layers.js
+++ b/src/pages/Layers.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Layers. This example demonstrates using
-  multiple layers to contain cells.
  */
 
 import React from 'react';
@@ -22,6 +19,9 @@ class Layers extends React.Component {
     return (
       <>
         <h1>Layers</h1>
+        This example demonstrates using
+        multiple layers to contain cells.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Map.js b/src/pages/Map.js
index dcc378f4a..f2984baa7 100644
--- a/src/pages/Map.js
+++ b/src/pages/Map.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Map. This example demonstrates using
-  a graph container as a Google Maps overlay.
  */
 
 import React from 'react';
@@ -10,7 +7,7 @@ import mxEvent from '../mxgraph/util/mxEvent';
 import mxGraph from '../mxgraph/view/mxGraph';
 import mxRubberband from '../mxgraph/handler/mxRubberband';
 
-class MYNAMEHERE extends React.Component {
+class Map extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -20,6 +17,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>Google maps</h1>
+        This example demonstrates using
+        a graph container as a Google Maps overlay.
 
         <div
           ref={el => {
@@ -38,7 +37,7 @@ class MYNAMEHERE extends React.Component {
   };
 }
 
-export default MYNAMEHERE;
+export default Map;
 
 
 <html>
diff --git a/src/pages/Markers.js b/src/pages/Markers.js
index 4a1d15882..561ca4e6e 100644
--- a/src/pages/Markers.js
+++ b/src/pages/Markers.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Markers. This example demonstrates creating
-  custom markers and customizing the built-in markers.
  */
 
 import React from 'react';
@@ -25,6 +22,9 @@ class Markers extends React.Component {
     return (
       <>
         <h1>Markers</h1>
+        This example demonstrates creating
+        custom markers and customizing the built-in markers.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/MenuStyle.js b/src/pages/MenuStyle.js
index 2a3d8514b..01e3e3021 100644
--- a/src/pages/MenuStyle.js
+++ b/src/pages/MenuStyle.js
@@ -10,7 +10,7 @@ import mxEvent from '../mxgraph/util/mxEvent';
 import mxGraph from '../mxgraph/view/mxGraph';
 import mxRubberband from '../mxgraph/handler/mxRubberband';
 
-class MYNAMEHERE extends React.Component {
+class MenuStyle extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -38,7 +38,7 @@ class MYNAMEHERE extends React.Component {
   };
 }
 
-export default MYNAMEHERE;
+export default MenuStyle;
 
 
 <html>
diff --git a/src/pages/Merge.js b/src/pages/Merge.js
index 938943056..613ff2b14 100644
--- a/src/pages/Merge.js
+++ b/src/pages/Merge.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Merge. This example demonstrates using
-  the mergeChildren function to merge two graphs.
  */
 
 import React from 'react';
@@ -21,6 +18,9 @@ class Merge extends React.Component {
     return (
       <>
         <h1>Merge</h1>
+        This example demonstrates using
+        the mergeChildren function to merge two graphs.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Monitor.js b/src/pages/Monitor.js
index 6c623a5f2..494209a83 100644
--- a/src/pages/Monitor.js
+++ b/src/pages/Monitor.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Monitor. This eample demonstrates using a
-  graph to display the current state of a workflow.
  */
 
 import React from 'react';
@@ -25,6 +22,9 @@ class Monitor extends React.Component {
     return (
       <>
         <h1>mxGraph Workflow Monitor</h1>
+        This example demonstrates using a
+        graph to display the current state of a workflow.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Morph.js b/src/pages/Morph.js
index e82553120..513617b32 100644
--- a/src/pages/Morph.js
+++ b/src/pages/Morph.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Morph. This example demonstrates using
-  mxMorphing for simple cell animations.
  */
 
 import React from 'react';
@@ -21,7 +18,10 @@ class Morph extends React.Component {
     // A container for the graph
     return (
       <>
-        <h1>Hello, World!</h1>
+        <h1>Morph</h1>
+        This example demonstrates using
+        mxMorphing for simple cell animations.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/OffPage.js b/src/pages/OffPage.js
index 4b794778c..7812848dc 100644
--- a/src/pages/OffPage.js
+++ b/src/pages/OffPage.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Offpage. This example demonstrates creating
-  offpage connectors in a graph and loading a new diagram on a
-  single click.
  */
 
 import React from 'react';
@@ -23,6 +19,9 @@ class OffPage extends React.Component {
     return (
       <>
         <h1>Offpage connector</h1>
+        This example demonstrates creating
+        offpage connectors in a graph and loading a new diagram on a
+        single click.
 
         <div
           ref={el => {
diff --git a/src/pages/OrgChart.js b/src/pages/OrgChart.js
index b242437a6..f30ec85a4 100644
--- a/src/pages/OrgChart.js
+++ b/src/pages/OrgChart.js
@@ -43,7 +43,7 @@ class OrgChart extends React.Component {
             zIndex: 1,
             position: 'relative',
             overflow: 'hidden',
-            height: '80vh',
+            height: '50vh',
             background: 'transparent',
             borderStyle: 'solid',
             borderColor: 'lightgray',
diff --git a/src/pages/Orthogonal.js b/src/pages/Orthogonal.js
index fd73c1280..bdcc98981 100644
--- a/src/pages/Orthogonal.js
+++ b/src/pages/Orthogonal.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Orthogonal. This example demonstrates the use
-  of port constraints and orthogonal edge styles and handlers.
  */
 
 import React from 'react';
@@ -27,6 +24,9 @@ class Orthogonal extends React.Component {
     return (
       <>
         <h1>Orthogonal</h1>
+        This example demonstrates the use
+        of port constraints and orthogonal edge styles and handlers.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Overlays.js b/src/pages/Overlays.js
index 6af1db609..b15cae0e2 100644
--- a/src/pages/Overlays.js
+++ b/src/pages/Overlays.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Overlays. This example demonstrates cell
-  highlighting, overlays and handling click and double click
-  events. See also: events.html for more event handling.
  */
 
 import React from 'react';
@@ -24,6 +20,10 @@ class Overlays extends React.Component {
     return (
       <>
         <h1>Overlays</h1>
+        This example demonstrates cell
+        highlighting, overlays and handling click and double click
+        events. See also: events.html for more event handling.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/PageBreaks.js b/src/pages/PageBreaks.js
index 34be06d7c..68e5f9cd4 100644
--- a/src/pages/PageBreaks.js
+++ b/src/pages/PageBreaks.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Pagebreaks. This example demonstrates using the
-  pageBreaksVisible and preferPageSize switches and adding headers and
-  footers to print output.
  */
 
 import React from 'react';
@@ -24,6 +20,9 @@ class PageBreaks extends React.Component {
     return (
       <>
         <h1>Pagebreaks</h1>
+        This example demonstrates using the
+        pageBreaksVisible and preferPageSize switches and adding headers and
+        footers to print output.
 
         <div
           ref={el => {
diff --git a/src/pages/Perimeter.js b/src/pages/Perimeter.js
index 4fa319980..af4581ab2 100644
--- a/src/pages/Perimeter.js
+++ b/src/pages/Perimeter.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Perimeter. This example demonstrates how to
-  avoid edge and label intersections.
  */
 
 import React from 'react';
@@ -22,6 +19,9 @@ class Perimeter extends React.Component {
     return (
       <>
         <h1>Perimeter</h1>
+        This example demonstrates how to
+        avoid edge and label intersections.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Permissions.js b/src/pages/Permissions.js
index b75fbe543..e70978930 100644
--- a/src/pages/Permissions.js
+++ b/src/pages/Permissions.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-
- Hello, World!. This example demonstrates creating
- permissions to define the available operations a the graph.
  */
 
 import React from 'react';
@@ -36,6 +33,8 @@ class Permissions extends React.Component {
     return (
       <>
         <h1>Permissions</h1>
+        This example demonstrates creating
+        permissions to define the available operations a the graph.
 
         <div
           ref={el => {
diff --git a/src/pages/PortRefs.js b/src/pages/PortRefs.js
index 7e25f6165..950f597ac 100644
--- a/src/pages/PortRefs.js
+++ b/src/pages/PortRefs.js
@@ -1,11 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Portsrefs. This example demonstrates referencing
-  connection points by ID. The main difference to the implementation
-  where the connection point is stored in the connecting edge is that
-  changes to the original port will be reflected in all existing
-  connections since they reference that port.
  */
 
 import React from 'react';
@@ -31,6 +25,11 @@ class PortRefs extends React.Component {
     return (
       <>
         <h1>Port References Example</h1>
+        This example demonstrates referencing
+        connection points by ID. The main difference to the implementation
+        where the connection point is stored in the connecting edge is that
+        changes to the original port will be reflected in all existing
+        connections since they reference that port.
 
         <div
           ref={el => {
diff --git a/src/pages/Ports.js b/src/pages/Ports.js
index 856eb54bd..ef9165e02 100644
--- a/src/pages/Ports.js
+++ b/src/pages/Ports.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Ports. This example demonstrates implementing
-  ports as child vertices with relative positions and drag and drop
-  as well as the use of images and HTML in cells.
  */
 
 import React from 'react';
@@ -21,6 +17,9 @@ class Ports extends React.Component {
     return (
       <>
         <h1>Ports example</h1>
+        This example demonstrates implementing
+        ports as child vertices with relative positions and drag and drop
+        as well as the use of images and HTML in cells.
 
         <div
           ref={el => {
diff --git a/src/pages/RadialTreeLayout.js b/src/pages/RadialTreeLayout.js
index 766e083cc..995ce278e 100644
--- a/src/pages/RadialTreeLayout.js
+++ b/src/pages/RadialTreeLayout.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2014, JGraph Ltd
-  
-  Hierarchical Layout. This example demonstrates the
-  use of the hierarchical and organic layouts. Note that the hierarchical
-  layout requires another script tag in the head of the page.
  */
 
 import React from 'react';
@@ -23,6 +19,10 @@ class RadialTreeLayout extends React.Component {
     return (
       <>
         <h1>Hierarchical Layout</h1>
+        This example demonstrates the
+        use of the hierarchical and organic layouts. Note that the hierarchical
+        layout requires another script tag in the head of the page.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Resources.js b/src/pages/Resources.js
index 2991df0cc..20818f07a 100644
--- a/src/pages/Resources.js
+++ b/src/pages/Resources.js
@@ -1,8 +1,7 @@
 /**
  * Copyright (c) 2006-2018, JGraph Ltd
   
-  Resources. This example demonstrates disabling the Synchronous
-  XMLHttpRequest on main thread warning.
+
  */
 
 import React from 'react';
@@ -21,6 +20,8 @@ class Resources extends React.Component {
     return (
       <>
         <h1>Resources</h1>
+        This example demonstrates disabling the Synchronous
+        XMLHttpRequest on main thread warning.
 
         <div
           ref={el => {
diff --git a/src/pages/Schema.js b/src/pages/Schema.js
index b1c59b344..234aa569c 100644
--- a/src/pages/Schema.js
+++ b/src/pages/Schema.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Schema. This example demonstrates implementing
-  a SQL schema editor.
  */
 
 import React from 'react';
@@ -10,7 +7,7 @@ import mxEvent from '../mxgraph/util/mxEvent';
 import mxGraph from '../mxgraph/view/mxGraph';
 import mxRubberband from '../mxgraph/handler/mxRubberband';
 
-class MYNAMEHERE extends React.Component {
+class Schema extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -20,6 +17,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>Schema example</h1>
+        This example demonstrates implementing
+        a SQL schema editor.
 
         <div
           ref={el => {
diff --git a/src/pages/Scrollbars.js b/src/pages/Scrollbars.js
index c525e2be8..66dff9bab 100644
--- a/src/pages/Scrollbars.js
+++ b/src/pages/Scrollbars.js
@@ -1,8 +1,7 @@
 /**
  * Copyright (c) 2006-2015, JGraph Ltd
   
-  Scrollbars. This example demonstrates using
-  a scrollable table with different sections in a cell label.
+
  */
 
 import React from 'react';
@@ -10,7 +9,7 @@ import mxEvent from '../mxgraph/util/mxEvent';
 import mxGraph from '../mxgraph/view/mxGraph';
 import mxRubberband from '../mxgraph/handler/mxRubberband';
 
-class MYNAMEHERE extends React.Component {
+class Scrollbars extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -20,6 +19,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>Scrollbars</h1>
+        This example demonstrates using
+        a scrollable table with different sections in a cell label.
 
         <div
           ref={el => {
@@ -38,7 +39,7 @@ class MYNAMEHERE extends React.Component {
   };
 }
 
-export default MYNAMEHERE;
+export default Scrollbars;
 
 
   <style type="text/css" media="screen">
diff --git a/src/pages/SecondLabel.js b/src/pages/SecondLabel.js
index dcbab5832..905aa5a73 100644
--- a/src/pages/SecondLabel.js
+++ b/src/pages/SecondLabel.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-
- Second label. This example demonstrates how to
- add another string label to vertices.
  */
 
 import React from 'react';
@@ -24,6 +21,8 @@ class SecondLabel extends React.Component {
     return (
       <>
         <h1>Second label</h1>
+        This example demonstrates how to
+        add another string label to vertices.
 
         <div
           ref={el => {
diff --git a/src/pages/ServerView.js b/src/pages/ServerView.js
index 74e300351..736e4f819 100644
--- a/src/pages/ServerView.js
+++ b/src/pages/ServerView.js
@@ -1,10 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Server-View. This example demonstrates using
-  a server-side image of the graph as the diagram in the client. This
-  may be used to improve drawing-speed in older browser and on devices
-  with slower processors.
  */
 
 import React from 'react';
@@ -22,6 +17,10 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>mxGraph using Server-side Image</h1>
+        This example demonstrates using
+        a server-side image of the graph as the diagram in the client. This
+        may be used to improve drawing-speed in older browser and on devices
+        with slower processors.
 
         <div
           ref={el => {
diff --git a/src/pages/Shape.js b/src/pages/Shape.js
index f54a8478f..33e2049f7 100644
--- a/src/pages/Shape.js
+++ b/src/pages/Shape.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Shape. This example demonstrates how to
-  implement and use a custom shape.
  */
 
 import React from 'react';
@@ -21,6 +18,8 @@ class Shape extends React.Component {
     return (
       <>
         <h1>Shape</h1>
+        This example demonstrates how to
+        implement and use a custom shape.
 
         <div
           ref={el => {
diff --git a/src/pages/ShowRegion.js b/src/pages/ShowRegion.js
index d84eb1879..d89be3363 100644
--- a/src/pages/ShowRegion.js
+++ b/src/pages/ShowRegion.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Showregion. This example demonstrates using a custom
-  rubberband handler to show the selected region in a new window.
  */
 
 import React from 'react';
@@ -14,7 +11,7 @@ import mxPopupMenu from "../mxgraph/util/mxPopupMenu";
 import mxRectangle from "../mxgraph/util/mxRectangle";
 import mxUtils from "../mxgraph/util/mxUtils";
 
-class MYNAMEHERE extends React.Component {
+class ShowRegion extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -24,6 +21,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>Showregion</h1>
+        This example demonstrates using a custom
+        rubberband handler to show the selected region in a new window.
 
         <div
           ref={el => {
@@ -42,7 +41,7 @@ class MYNAMEHERE extends React.Component {
   };
 }
 
-export default MYNAMEHERE;
+export default ShowRegion;
 
   <style type="text/css">
     body div.mxPopupMenu {
diff --git a/src/pages/Stencils.js b/src/pages/Stencils.js
index d107c57fd..1a286f232 100644
--- a/src/pages/Stencils.js
+++ b/src/pages/Stencils.js
@@ -1,9 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Stencils. This example demonstrates using
-  an XML file to define new stencils to be used as shapes. See
-  docs/stencils.xsd for the XML schema file.
  */
 
 import React from 'react';
@@ -32,6 +28,10 @@ class Stencils extends React.Component {
     return (
       <>
         <h1>Stencils</h1>
+        This example demonstrates using
+        an XML file to define new stencils to be used as shapes. See
+        docs/stencils.xsd for the XML schema file.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Stylesheet.js b/src/pages/Stylesheet.js
index f0d9715c3..beffecc19 100644
--- a/src/pages/Stylesheet.js
+++ b/src/pages/Stylesheet.js
@@ -1,10 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Stylesheet. This example demonstrates using
-  a custom stylesheet and control points in edges, as well as
-  overriding the getLabel and getTooltip function to return
-  dynamic information, and making a supercall in JavaScript.
  */
 
 import React from 'react';
@@ -23,6 +18,11 @@ class Stylesheet extends React.Component {
     return (
       <>
         <h1>Stylesheet</h1>
+        This example demonstrates using
+        a custom stylesheet and control points in edges, as well as
+        overriding the getLabel and getTooltip function to return
+        dynamic information, and making a supercall in JavaScript.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/SwimLanes.js b/src/pages/SwimLanes.js
index 9d247d425..7c6415296 100644
--- a/src/pages/SwimLanes.js
+++ b/src/pages/SwimLanes.js
@@ -1,10 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Swimlanes. This example demonstrates using
-  swimlanes for pools and lanes and adding cells and edges between
-  them. This also demonstrates using the stack layout as an
-  automatic layout.
  */
 
 import React from 'react';
@@ -34,6 +29,11 @@ class SwimLanes extends React.Component {
     return (
       <>
         <h1>Swimlanes</h1>
+        This example demonstrates using
+        swimlanes for pools and lanes and adding cells and edges between
+        them. This also demonstrates using the stack layout as an
+        automatic layout.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Thread.js b/src/pages/Thread.js
index cb0dcd75a..0567c94dc 100644
--- a/src/pages/Thread.js
+++ b/src/pages/Thread.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Thread. This example demonstrates setting
-  overlays in mxGraph from within a timed function.
  */
 
 import React from 'react';
@@ -18,6 +15,9 @@ class Thread extends React.Component {
     return (
       <>
         <h1>Thread</h1>
+        This example demonstrates setting
+        overlays in mxGraph from within a timed function.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Toolbar.js b/src/pages/Toolbar.js
index 534dd4b51..0d95ab4d3 100644
--- a/src/pages/Toolbar.js
+++ b/src/pages/Toolbar.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Toolbar. This example demonstrates using
-  existing cells as templates for creating new cells.
  */
 
 import React from 'react';
@@ -28,6 +25,8 @@ class Toolbar extends React.Component {
     return (
       <>
         <h1>Toolbar</h1>
+        This example demonstrates using
+        existing cells as templates for creating new cells.
 
         <div
           ref={el => {
diff --git a/src/pages/Touch.js b/src/pages/Touch.js
index 8a4ce36f2..78840c3e3 100644
--- a/src/pages/Touch.js
+++ b/src/pages/Touch.js
@@ -1,9 +1,6 @@
 <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5,IE=9" ><![endif]-->
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  Touch. This example demonstrates handling of touch,
-  mouse and pointer events.
  */
 
 import React from 'react';
@@ -11,7 +8,7 @@ import mxEvent from '../mxgraph/util/mxEvent';
 import mxGraph from '../mxgraph/view/mxGraph';
 import mxRubberband from '../mxgraph/handler/mxRubberband';
 
-class MYNAMEHERE extends React.Component {
+class Touch extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -21,6 +18,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>Touch</h1>
+        This example demonstrates handling of touch,
+        mouse and pointer events.
 
         <div
           ref={el => {
@@ -39,7 +38,7 @@ class MYNAMEHERE extends React.Component {
   };
 }
 
-export default MYNAMEHERE;
+export default Touch;
 
 
   <style type="text/css">
diff --git a/src/pages/Tree.js b/src/pages/Tree.js
index ed1273216..bdd653a4c 100644
--- a/src/pages/Tree.js
+++ b/src/pages/Tree.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
- *
- * Tree. This example demonstrates folding
- * of subtrees in a acyclic graph (tree).
  */
 
 import React from 'react';
@@ -31,6 +28,8 @@ class Tree extends React.Component {
     return (
       <>
         <h1>Tree</h1>
+        This example demonstrates folding
+        of subtrees in a acyclic graph (tree).
 
         <div
           ref={el => {
diff --git a/src/pages/UIConfig.js b/src/pages/UIConfig.js
index 3187b8fe4..9fc333d1b 100644
--- a/src/pages/UIConfig.js
+++ b/src/pages/UIConfig.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  UIConfig. This example demonstrates using a config
-  file to configure the toolbar and popup menu in mxEditor.
  */
 
 import React from 'react';
@@ -20,6 +17,8 @@ class MYNAMEHERE extends React.Component {
     return (
       <>
         <h1>UIConfig example</h1>
+        This example demonstrates using a config
+        file to configure the toolbar and popup menu in mxEditor.
 
         <div
           ref={el => {
diff --git a/src/pages/UserObject.js b/src/pages/UserObject.js
index 3d3c31950..9f8968581 100644
--- a/src/pages/UserObject.js
+++ b/src/pages/UserObject.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
-  
-  User object. This example demonstrates using
-  XML objects as values for cells.
  */
 
 import React from 'react';
@@ -27,6 +24,8 @@ class UserObject extends React.Component {
     return (
       <>
         <h1>User object</h1>
+        This example demonstrates using
+        XML objects as values for cells.
 
         <table style={{
           position: 'relative'
diff --git a/src/pages/Validation.js b/src/pages/Validation.js
index a03143b9e..627b789a3 100644
--- a/src/pages/Validation.js
+++ b/src/pages/Validation.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
- *
- * Validation. This example demonstrates using
- * multiplicities for automatically validating a graph.
  */
 
 import React from 'react';
@@ -24,6 +21,8 @@ class Validation extends React.Component {
     return (
       <>
         <h1>Validation</h1>
+        This example demonstrates using
+        multiplicities for automatically validating a graph.
 
         <div
           ref={el => {
diff --git a/src/pages/Visibility.js b/src/pages/Visibility.js
index bd677409c..dec118e6b 100644
--- a/src/pages/Visibility.js
+++ b/src/pages/Visibility.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
- *
- * Visible. This example demonstrates using
- * various solutions for hiding and showing cells.
  */
 
 import React from 'react';
@@ -20,6 +17,9 @@ class Visibility extends React.Component {
     return (
       <>
         <h1>Visibility</h1>
+        This example demonstrates using
+        various solutions for hiding and showing cells.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Windows.js b/src/pages/Windows.js
index d5cc1d685..ed3462a9e 100644
--- a/src/pages/Windows.js
+++ b/src/pages/Windows.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
- *
- * Windows. This example demonstrates using
- * the mxWindow class for displaying windows.
  */
 
 import React from 'react';
@@ -24,6 +21,9 @@ class Windows extends React.Component {
     return (
       <>
         <h1>Windows</h1>
+        This example demonstrates using
+        the mxWindow class for displaying windows.
+
         <div
           ref={el => {
             this.el = el;
diff --git a/src/pages/Wrapping.js b/src/pages/Wrapping.js
index 1bc3d251e..83af8effd 100644
--- a/src/pages/Wrapping.js
+++ b/src/pages/Wrapping.js
@@ -1,8 +1,5 @@
 /**
  * Copyright (c) 2006-2013, JGraph Ltd
- *
- * Wrapping. This example demonstrates using HTML markup and
- * word-wrapping in vertex and edge labels.
  */
 
 import React from 'react';
@@ -18,6 +15,8 @@ class Wrapping extends React.Component {
     return (
       <>
         <h1>Wrapping</h1>
+        This example demonstrates using HTML markup and
+        word-wrapping in vertex and edge labels.
 
         <div
           ref={el => {
diff --git a/src/pages/index.js b/src/pages/index.js
index 1866c7dbb..d20a175ca 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -117,7 +117,7 @@ export default function Home() {
       <OrgChart />
       <Orthogonal />
       <Overlays />
-      <PageBreaks />
+      {/*<PageBreaks />*/}
       <Perimeter />
       <Permissions />
       <PortRefs />