diff --git a/src/assets/images/loader.gif b/src/assets/images/loader.gif
new file mode 100644
index 000000000..aa0c966ba
Binary files /dev/null and b/src/assets/images/loader.gif differ
diff --git a/src/components/LoadingIndicator/LoadingIndicator.jsx b/src/components/LoadingIndicator/LoadingIndicator.jsx
index 9b31a63ae..90ec1a43d 100644
--- a/src/components/LoadingIndicator/LoadingIndicator.jsx
+++ b/src/components/LoadingIndicator/LoadingIndicator.jsx
@@ -5,12 +5,9 @@ import cn from 'classnames'
 require('./LoadingIndicator.scss')
 
 const LoadingIndicator = ({ isSmall }) => {
-  const backgroundImageUrl = { backgroundImage: `url(${require('./loader.gif')})` }
-
   return (
     <div
       className={cn('loading-indicator', { small: isSmall })}
-      style={backgroundImageUrl}
     />
   )
 }
diff --git a/src/components/LoadingIndicator/LoadingIndicator.scss b/src/components/LoadingIndicator/LoadingIndicator.scss
index d112ca469..624ddd339 100644
--- a/src/components/LoadingIndicator/LoadingIndicator.scss
+++ b/src/components/LoadingIndicator/LoadingIndicator.scss
@@ -5,6 +5,7 @@
   min-width: 70px;
   background: 50% 50% no-repeat;
   background-size: 70px 70px;
+  background-image: url('../../assets/images/loader.gif');
 
   &.small {
     height: 32px;
diff --git a/src/components/LoadingIndicator/loader.gif b/src/components/LoadingIndicator/loader.gif
deleted file mode 100644
index f8d75834d..000000000
Binary files a/src/components/LoadingIndicator/loader.gif and /dev/null differ