diff --git a/src/components/Spinner/styles.ts b/src/components/Spinner/styles.ts
index 29fcaae..9b48aaf 100644
--- a/src/components/Spinner/styles.ts
+++ b/src/components/Spinner/styles.ts
@@ -1,7 +1,7 @@
-import CircularProgress from '@material-ui/core/CircularProgress';
 import styled, { css } from 'react-emotion';
 
 import colors from '../../utils/styles/colors';
+import CircularProgress from '../../muiComponents/CircularProgress';
 
 interface WrapperProps {
   centered: boolean;
diff --git a/src/muiComponents/CircularProgress/CircularProgress.tsx b/src/muiComponents/CircularProgress/CircularProgress.tsx
new file mode 100644
index 0000000..8f1e233
--- /dev/null
+++ b/src/muiComponents/CircularProgress/CircularProgress.tsx
@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { default as MaterialUICircularProgress, CircularProgressProps } from '@material-ui/core/CircularProgress';
+
+type CircularProgressRef = HTMLDivElement;
+
+const CircularProgress = forwardRef<CircularProgressRef, CircularProgressProps>(function CircularProgress(props, ref) {
+  return <MaterialUICircularProgress {...props} ref={ref} />;
+});
+
+export default CircularProgress;
diff --git a/src/muiComponents/CircularProgress/index.ts b/src/muiComponents/CircularProgress/index.ts
new file mode 100644
index 0000000..e87fbb2
--- /dev/null
+++ b/src/muiComponents/CircularProgress/index.ts
@@ -0,0 +1 @@
+export { default } from './CircularProgress';