diff --git a/src/ui/components/CodeBlock.js b/src/ui/components/CodeBlock.tsx
similarity index 85%
rename from src/ui/components/CodeBlock.js
rename to src/ui/components/CodeBlock.tsx
index c02886223..b51e61576 100644
--- a/src/ui/components/CodeBlock.js
+++ b/src/ui/components/CodeBlock.tsx
@@ -5,7 +5,7 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 
 export default styled('div')({
   fontFamily: 'monospace',
diff --git a/src/ui/index.js b/src/ui/index.js
index 7f13f2930..aaba8896b 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -77,7 +77,7 @@ export {default as Select} from './components/Select.tsx';
 export {default as Checkbox} from './components/Checkbox.tsx';
 
 // code
-export {default as CodeBlock} from './components/CodeBlock.js';
+export {default as CodeBlock} from './components/CodeBlock.tsx';
 
 // error
 export {default as ErrorBlock} from './components/ErrorBlock.tsx';