3 files changed, 18 insertions, 12 deletions
diff --git a/frontend/common/index.js b/frontend/common/index.js
index 3647203..5c0dc50 100644
--- a/frontend/common/index.js
+++ b/frontend/common/index.js
@@ -8,9 +8,10 @@ export {
   LabelDescription, ColorInput,
 } from './form.component'
 export {
-  Loader, Swatch, Dot, Columns, Statistic, Detections, Progress
+  Swatch, Dot, Columns, Statistic, Detections, Progress
 } from './miscellaneous.component'
 export { default as TableIndex } from './tableIndex.component'
+export { Loader } from './loader.component'
 export {
   TableObject, TableArray, TableTuples,
   TableRow, TableCell
diff --git a/frontend/common/loader.component.js b/frontend/common/loader.component.js
new file mode 100644
index 0000000..f0a0c69
--- /dev/null
+++ b/frontend/common/loader.component.js
@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+
+import './loader.css'
+
+const Loader = () => (
+  <div>
+    <div className='circular-loader color'>
+      <div className="stroke">
+        <div className="stroke-left"></div>
+        <div className="stroke-right"></div>
+      </div>
+    </div>
+  </div>
+)
+
+export { Loader }
diff --git a/frontend/common/miscellaneous.component.js b/frontend/common/miscellaneous.component.js
index 4eb23f1..cf12ef5 100644
--- a/frontend/common/miscellaneous.component.js
+++ b/frontend/common/miscellaneous.component.js
@@ -2,17 +2,6 @@ import React, { Component } from 'react';
 import { Link } from 'react-router-dom'
 import { clamp, percent } from '../util'
 
-export const Loader = () => (
-  <div>
-    <div className='circular-loader color'>
-      <div className="stroke">
-        <div className="stroke-left"></div>
-        <div className="stroke-right"></div>
-      </div>
-    </div>
-  </div>
-)
-
 export const Swatch = ({ color }) => (
   <div
     className='swatch'