Migrate loading style

2 files changed, 6 insertions, 1 deletions

diff --git a/src/client/react/components/presentational/Loading.js b/src/client/react/components/presentational/Loading.js
index e33720b..ce8f49a 100644
--- a/src/client/react/components/presentational/Loading.js
+++ b/src/client/react/components/presentational/Loading.js
@@ -24,7 +24,7 @@ import { LinearProgress } from 'rmwc/LinearProgress';
 class Loading extends React.Component {
   render() {
     return (
-      <div className="loading">
+      <div className="Loading">
         <LinearProgress determinate={false} />
       </div>
     );
diff --git a/src/client/react/components/presentational/Loading.scss b/src/client/react/components/presentational/Loading.scss
new file mode 100644
index 0000000..5748899
--- /dev/null
+++ b/src/client/react/components/presentational/Loading.scss
@@ -0,0 +1,5 @@
+.Loading {
+  .mdc-linear-progress .mdc-linear-progress__bar-inner {
+    background-color: #9C27B0;
+  }
+}