diff --git a/src/ui/components/Block.js b/src/ui/components/Block.tsx
similarity index 85%
rename from src/ui/components/Block.js
rename to src/ui/components/Block.tsx
index 88a2c4b87..af30bfd91 100644
--- a/src/ui/components/Block.js
+++ b/src/ui/components/Block.tsx
@@ -5,7 +5,7 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 
 export default styled('div')({
   display: 'block',
diff --git a/src/ui/index.js b/src/ui/index.js
index aaba8896b..87431a5a4 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -114,7 +114,7 @@ export {
 // utility elements
 export {default as View} from './components/View.tsx';
 export {default as ViewWithSize} from './components/ViewWithSize.tsx';
-export {default as Block} from './components/Block.js';
+export {default as Block} from './components/Block.tsx';
 export {default as FocusableBox} from './components/FocusableBox.tsx';
 export {default as Sidebar} from './components/Sidebar.tsx';
 export {default as SidebarLabel} from './components/SidebarLabel.tsx';