diff --git a/src/ui/components/TextParagraph.js b/src/ui/components/TextParagraph.tsx
similarity index 89%
rename from src/ui/components/TextParagraph.js
rename to src/ui/components/TextParagraph.tsx
index b58721c53..70e52b4ed 100644
--- a/src/ui/components/TextParagraph.js
+++ b/src/ui/components/TextParagraph.tsx
@@ -5,7 +5,7 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 
 /**
  * A TextParagraph component.
diff --git a/src/ui/index.js b/src/ui/index.js
index d9ea90586..682e220e1 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -126,7 +126,7 @@ export {default as FlexCenter} from './components/FlexCenter.js';
 export {default as Toolbar, Spacer} from './components/Toolbar.js';
 export {default as Panel} from './components/Panel.tsx';
 export {default as Text} from './components/Text.tsx';
-export {default as TextParagraph} from './components/TextParagraph.js';
+export {default as TextParagraph} from './components/TextParagraph.tsx';
 export {default as Link} from './components/Link.js';
 export {default as PathBreadcrumbs} from './components/PathBreadcrumbs.tsx';
 export {default as ModalOverlay} from './components/ModalOverlay.tsx';