diff --git a/src/Nivo.js b/src/Nivo.js
index 08ca608dc..04fea9688 100644
--- a/src/Nivo.js
+++ b/src/Nivo.js
@@ -13,8 +13,8 @@ import { nivoCategoricalColors } from './lib/colorUtils'
 const defaults = {
     transitionDuration: 600,
     transitionEasing: 'cubic-out',
-    motionStiffness: 120,
-    motionDamping: 10,
+    motionStiffness: 90,
+    motionDamping: 13,
     colorRange: scaleOrdinal(schemeSet3),
     margin: {
         top: 0,
diff --git a/src/components/charts/bubble/BubbleProps.js b/src/components/charts/bubble/BubbleProps.js
index 584a9d0ac..50ed7fef2 100644
--- a/src/components/charts/bubble/BubbleProps.js
+++ b/src/components/charts/bubble/BubbleProps.js
@@ -66,7 +66,7 @@ export const bubbleDefaultProps = {
     enableLabel: true,
     label: 'id',
     labelTextColor: 'inherit:darker(1)',
-    labelSkipRadius: 0,
+    labelSkipRadius: 8,
 
     // interactivity
     isInteractive: true,
diff --git a/stories/charts/bubble.stories.js b/stories/charts/bubble.stories.js
new file mode 100644
index 000000000..6c3179da7
--- /dev/null
+++ b/stories/charts/bubble.stories.js
@@ -0,0 +1,25 @@
+import React from 'react'
+
+import { storiesOf } from '@storybook/react'
+import { generateLibTree } from 'nivo-generators'
+import '../style.css'
+import { Bubble } from '../../src'
+
+const commonProperties = {
+    width: 600,
+    height: 600,
+    root: generateLibTree(),
+    identity: 'name',
+    value: 'loc',
+    label: 'name',
+    labelSkipRadius: 16,
+}
+
+storiesOf('Bubble', module)
+    .addDecorator(story =>
+        <div className="wrapper">
+            {story()}
+        </div>
+    )
+    .add('default', () => <Bubble {...commonProperties} />)
+    .add('rendering leaves only', () => <Bubble {...commonProperties} leavesOnly={true} />)