Refactor details view

client/patterns/separator/Details.jsx

@@ -3,7 +3,6 @@ import React from 'react';
 import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
-import SampleCode from '../../SampleCode';
 
 const Details = () => {
     return (
@@ -20,10 +19,7 @@ const Details = () => {
                             </div>
                         </div>
                     }
-                    source={
-<SampleCode
-lang="html"
-code={`
+                    source={`
 <div style="
     /* Content is centered horizontally */
     align-items: center;
@@ -54,8 +50,6 @@ code={`
     " />
 </div>
 `}
-/>
-                    }
                 />
             </div>
         </DetailsLayout>