diff --git a/src/ui/components/LoadingIndicator.js b/src/ui/components/LoadingIndicator.tsx
similarity index 87%
rename from src/ui/components/LoadingIndicator.js
rename to src/ui/components/LoadingIndicator.tsx
index 89214e55b..e32ff39f6 100644
--- a/src/ui/components/LoadingIndicator.js
+++ b/src/ui/components/LoadingIndicator.tsx
@@ -5,7 +5,7 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 import {keyframes} from 'react-emotion';
 
 const animation = keyframes({
@@ -17,7 +17,7 @@ const animation = keyframes({
   },
 });
 
-const LoadingIndicator = styled('div')(props => ({
+const LoadingIndicator = styled('div')((props: {size: number}) => ({
   animation: `${animation} 1s infinite linear`,
   width: props.size,
   height: props.size,
diff --git a/src/ui/index.js b/src/ui/index.js
index 0db390d31..717d93491 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -21,7 +21,7 @@ export {colors, darkColors, brandColors} from './components/colors.tsx';
 export {default as Glyph} from './components/Glyph.js';
 
 //
-export {default as LoadingIndicator} from './components/LoadingIndicator.js';
+export {default as LoadingIndicator} from './components/LoadingIndicator.tsx';
 
 //
 export {default as Popover} from './components/Popover.tsx';