diff --git a/examples/advanced/scripts/ExampleGraph.js b/examples/advanced/scripts/ExampleGraph.js
index 0ed88afd..50f63676 100644
--- a/examples/advanced/scripts/ExampleGraph.js
+++ b/examples/advanced/scripts/ExampleGraph.js
@@ -141,7 +141,7 @@ class App extends PureComponent {
         }}
         connectionLineStyle={{ stroke: '#ddd', strokeWidth: 2 }}
         connectionLineType="bezier"
-        backgroundColor="#aaa"
+        backgroundColor="#888"
         backgroundGap={16}
       >
         <MiniMap
diff --git a/examples/basic/scripts/ExampleGraph.js b/examples/basic/scripts/ExampleGraph.js
index 735bf849..bda0c7d0 100644
--- a/examples/basic/scripts/ExampleGraph.js
+++ b/examples/basic/scripts/ExampleGraph.js
@@ -58,7 +58,7 @@ class App extends PureComponent {
         onConnect={params => this.onConnect(params)}
         onNodeDragStop={onNodeDragStop}
         style={{ width: '100%', height: '100%' }}
-        showBackground={false}
+        backgroundType="lines"
       />
     );
   }
diff --git a/src/container/BackgroundRenderer/index.js b/src/container/BackgroundRenderer/index.js
index b9522127..e7c5f97d 100644
--- a/src/container/BackgroundRenderer/index.js
+++ b/src/container/BackgroundRenderer/index.js
@@ -4,7 +4,8 @@ import PropTypes from 'prop-types';
 import Grid from './Grid';
 
 const bgComponents = {
-  grid: Grid
+  lines: Grid,
+  dots: Grid
 };
 
 const BackgroundRenderer = memo(({
@@ -17,11 +18,11 @@ const BackgroundRenderer = memo(({
 BackgroundRenderer.displayName = 'BackgroundRenderer';
 
 BackgroundRenderer.propTypes = {
-  backgroundType: PropTypes.oneOf(['grid'])
+  backgroundType: PropTypes.oneOf(['lines', 'dots'])
 };
 
 BackgroundRenderer.defaultProps = {
-  backgroundType: 'grid'
+  backgroundType: 'dots'
 };
 
 export default BackgroundRenderer;
diff --git a/src/container/ReactFlow/index.js b/src/container/ReactFlow/index.js
index 3d8415d1..58b0bcbd 100644
--- a/src/container/ReactFlow/index.js
+++ b/src/container/ReactFlow/index.js
@@ -76,7 +76,7 @@ ReactFlow.propTypes = {
   gridColor: PropTypes.string,
   gridGap: PropTypes.number,
   showBackground: PropTypes.bool,
-  backgroundType: PropTypes.oneOf(['grid'])
+  backgroundType: PropTypes.oneOf(['lines', 'dots'])
 };
 
 ReactFlow.defaultProps = {
@@ -103,7 +103,7 @@ ReactFlow.defaultProps = {
   backgroundColor: '#999',
   backgroundGap: 24,
   showBackground: true,
-  backgroundType: 'grid'
+  backgroundType: 'dots'
 };
 
 export default ReactFlow;