From 0bd0273a790ac7731905aa008822ca6b2c367808 Mon Sep 17 00:00:00 2001
From: Shawn Erquhart <shawn@erquh.art>
Date: Thu, 26 Jul 2018 13:43:43 -0400
Subject: [PATCH] fix(UI): fix loader styling (#1521)

---
 packages/netlify-cms-ui-default/src/Loader.js | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/packages/netlify-cms-ui-default/src/Loader.js b/packages/netlify-cms-ui-default/src/Loader.js
index 5c7e0808..f4f5afe4 100644
--- a/packages/netlify-cms-ui-default/src/Loader.js
+++ b/packages/netlify-cms-ui-default/src/Loader.js
@@ -103,7 +103,7 @@ export class Loader extends React.Component {
 
   render() {
     const { active, className } = this.props;
-    return <div>{this.renderChild()}</div>;
+    return <div className={className}>{this.renderChild()}</div>;
   }
 }
 
@@ -119,33 +119,28 @@ const StyledLoader = styled(Loader)`
 
   &:before,
   &:after {
+    content: '';
+    position: absolute;
+    top: 0%;
+    left: 50%;
     width: 2.28571429rem;
     height: 2.28571429rem;
     margin: 0em 0em 0em -1.14285714rem;
+    border-radius: 500rem;
+    border-style: solid;
+    border-width: 0.2em;
   }
 
   /* Static Shape */
   &:before {
-    position: absolute;
-    content: '';
-    top: 0%;
-    left: 50%;
-    border-radius: 500rem;
-    border: 0.2em solid rgba(0, 0, 0, 0.1);
+    border-color: rgba(0, 0, 0, 0.1);
   }
 
   /* Active Shape */
   &:after {
-    position: absolute;
-    content: '';
-    top: 0%;
-    left: 50%;
     animation: ${animations.loader} 0.6s linear;
     animation-iteration-count: infinite;
-    border-radius: 500rem;
     border-color: ${colors.active} transparent transparent;
-    border-style: solid;
-    border-width: 0.2em;
     box-shadow: 0px 0px 0px 1px transparent;
   }
 `