diff --git a/website/src/components/code.js b/website/src/components/code.js
index 680cf8674..7ecfecda8 100644
--- a/website/src/components/code.js
+++ b/website/src/components/code.js
@@ -225,7 +225,7 @@ export const CodeHighlighted = ({ children, highlight, lang }) => {
     return <>{html}</>
 }
 
-export class Code extends React.Component {
+export default class Code extends React.Component {
     static defaultProps = {
         lang: 'none',
         executable: null,
diff --git a/website/src/components/codeBlock.js b/website/src/components/codeBlock.js
index f151f9624..4f1829682 100644
--- a/website/src/components/codeBlock.js
+++ b/website/src/components/codeBlock.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Code } from './code'
+import Code from './code'
 import classes from '../styles/code.module.sass'
 
 export const Pre = (props) => {
diff --git a/website/src/components/github.js b/website/src/components/github.js
index d967011ed..de145feec 100644
--- a/website/src/components/github.js
+++ b/website/src/components/github.js
@@ -5,7 +5,7 @@ import classNames from 'classnames'
 import Icon from './icon'
 import Link from './link'
 import classes from '../styles/code.module.sass'
-import { Code } from './code'
+import Code from './code'
 
 const defaultErrorMsg = `Can't fetch code example from GitHub :(
 
diff --git a/website/src/remark.js b/website/src/remark.js
index a8f5c4e3a..68544420d 100644
--- a/website/src/remark.js
+++ b/website/src/remark.js
@@ -1,7 +1,7 @@
 import Link from './components/link'
 import Section, { Hr } from './components/section'
 import { Table, Tr, Th, Tx, Td } from './components/table'
-import { Code } from './components/code'
+import Code from './components/code'
 import { TypeAnnotation } from './components/typeAnnotation'
 import { InlineCode } from './components/inlineCode'
 import CodeBlock, { Pre } from './components/codeBlock'