diff --git a/example-templates/basic.html b/example-templates/basic.html
index 2519f9c441..15b059badf 100644
--- a/example-templates/basic.html
+++ b/example-templates/basic.html
@@ -9,11 +9,6 @@
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
   <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
   <script>/*global hljs*/ hljs.initHighlightingOnLoad();</script>
-  <style>
-    .userchip {
-      margin: 10px;
-    }
-  </style>
 </head>
 <body>
   <h2>{{ title }}</h2>
diff --git a/examples/userChip.js b/examples/userChip.js
index a8f389d53f..d705361e2a 100644
--- a/examples/userChip.js
+++ b/examples/userChip.js
@@ -4,8 +4,12 @@ import UserChip from '../src/UserChip/UserChip.jsx';
 
 render(
   <div>
-    <UserChip userName="John Doe"/>
-    <UserChip userName="John Doe" imageSrc="./user.png"/>
+    <div>
+      <UserChip userName="John Doe"/>
+    </div>
+    <div style={{marginTop: '10px'}}>
+      <UserChip userName="John Doe" imageSrc="./user.png"/>
+    </div>
   </div>,
   document.getElementById('exampleContainer')
 );
