diff --git a/src/ui/components/Textarea.js b/src/ui/components/Textarea.tsx
similarity index 66%
rename from src/ui/components/Textarea.js
rename to src/ui/components/Textarea.tsx
index ed59ce362..91fa4dd97 100644
--- a/src/ui/components/Textarea.js
+++ b/src/ui/components/Textarea.tsx
@@ -5,10 +5,10 @@
  * @format
  */
 
-import styled from '../styled/index.js';
-import {inputStyle} from './Input.js';
+import styled from 'react-emotion';
+import {inputStyle} from './Input';
 
-export default styled('textarea')(({compact}) => ({
+export default styled('textarea')(({compact}: {compact?: boolean}) => ({
   ...inputStyle(compact),
   lineHeight: 'normal',
   padding: compact ? '5px' : '8px',
diff --git a/src/ui/index.js b/src/ui/index.js
index 682e220e1..66af5cb90 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -72,7 +72,7 @@ export {default as Tab} from './components/Tab.tsx';
 
 // inputs
 export {default as Input} from './components/Input.js';
-export {default as Textarea} from './components/Textarea.js';
+export {default as Textarea} from './components/Textarea.tsx';
 export {default as Select} from './components/Select.tsx';
 export {default as Checkbox} from './components/Checkbox.js';