diff --git a/src/components/Code/index.js b/src/components/Code/index.js
index 6e30c9d..52d7048 100644
--- a/src/components/Code/index.js
+++ b/src/components/Code/index.js
@@ -12,8 +12,10 @@ class Code extends React.Component {
     const language = this.props.language ? `language-${this.props.language}` : ''
 
     return (
-      <pre className={'Pre ' + language} ref={(ref) => (this.code = ref)}>
-        <code className='Code'>{this.props.children}</code>
+      <pre className={'Pre ' + language}>
+        <code className='Code' ref={(ref) => (this.code = ref)}>
+          {this.props.children}
+        </code>
       </pre>
     )
   }
diff --git a/src/components/Code/styles.css b/src/components/Code/styles.css
index 9d27fc6..f738927 100644
--- a/src/components/Code/styles.css
+++ b/src/components/Code/styles.css
@@ -16,6 +16,11 @@
   hyphens: none;
 }
 
+.Code {
+  max-width: 700px;
+  max-width: 70ch;
+}
+
 .token.comment,
 .token.prolog,
 .token.doctype,