diff --git a/src/ui/components/Label.js b/src/ui/components/Label.tsx
similarity index 86%
rename from src/ui/components/Label.js
rename to src/ui/components/Label.tsx
index 3e7a2df9a..ebf497d1a 100644
--- a/src/ui/components/Label.js
+++ b/src/ui/components/Label.tsx
@@ -5,7 +5,7 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 
 export default styled('div')({
   fontSize: 12,
diff --git a/src/ui/components/SidebarLabel.tsx b/src/ui/components/SidebarLabel.tsx
index 1157a3642..8961d5d8e 100644
--- a/src/ui/components/SidebarLabel.tsx
+++ b/src/ui/components/SidebarLabel.tsx
@@ -6,7 +6,7 @@
  */
 
 import {colors} from './colors';
-import Label from './Label.js';
+import Label from './Label';
 import styled from 'react-emotion';
 
 export default styled(Label)({
diff --git a/src/ui/index.js b/src/ui/index.js
index 665471759..ad0313784 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -138,7 +138,7 @@ export {default as StatusIndicator} from './components/StatusIndicator.tsx';
 // typography
 export {default as HorizontalRule} from './components/HorizontalRule.js';
 export {default as VerticalRule} from './components/VerticalRule.tsx';
-export {default as Label} from './components/Label.js';
+export {default as Label} from './components/Label.tsx';
 export {default as Heading} from './components/Heading.js';
 
 // filters