diff --git a/packages/react-error-overlay/src/components/Overlay.js b/packages/react-error-overlay/src/components/ErrorOverlay.js
similarity index 96%
rename from packages/react-error-overlay/src/components/Overlay.js
rename to packages/react-error-overlay/src/components/ErrorOverlay.js
index 4fe530b6feed79217cc4376623e4dd5290f9e3d1..446105dad2e6decec61bc08e86b7c5a2e41a02f0 100644
--- a/packages/react-error-overlay/src/components/Overlay.js
+++ b/packages/react-error-overlay/src/components/ErrorOverlay.js
@@ -31,7 +31,7 @@ const overlayStyle = {
   color: black,
 };
 
-class Overlay extends Component {
+class ErrorOverlay extends Component {
   iframeWindow: window = null;
 
   getIframeWindow = (element: HTMLDivElement) => {
@@ -71,4 +71,4 @@ class Overlay extends Component {
   }
 }
 
-export default Overlay;
+export default ErrorOverlay;
diff --git a/packages/react-error-overlay/src/containers/CompileErrorContainer.js b/packages/react-error-overlay/src/containers/CompileErrorContainer.js
index bd193eb50b437db0d93920ebe030ab62f8831d38..a3e89fe591d3087fc971b645a4edcc20813bdc23 100644
--- a/packages/react-error-overlay/src/containers/CompileErrorContainer.js
+++ b/packages/react-error-overlay/src/containers/CompileErrorContainer.js
@@ -9,7 +9,7 @@
 
 /* @flow */
 import React, { PureComponent } from 'react';
-import Overlay from '../components/Overlay';
+import ErrorOverlay from '../components/ErrorOverlay';
 import Footer from '../components/Footer';
 import Header from '../components/Header';
 import CodeBlock from '../components/CodeBlock';
@@ -19,11 +19,11 @@ class CompileErrorContainer extends PureComponent {
   render() {
     const { error } = this.props;
     return (
-      <Overlay>
+      <ErrorOverlay>
         <Header headerText="Failed to compile" />
         <CodeBlock main={true} codeHTML={generateAnsiHTML(error)} />
         <Footer line1="This error occurred during the build time and cannot be dismissed." />
-      </Overlay>
+      </ErrorOverlay>
     );
   }
 }
diff --git a/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js b/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js
index c84adb19492e457ed9b832f46e14efa85ad3a2a4..9c41aa381091c9869681f6086518516c8bc31478 100644
--- a/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js
+++ b/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js
@@ -9,7 +9,7 @@
 
 /* @flow */
 import React, { PureComponent } from 'react';
-import Overlay from '../components/Overlay';
+import ErrorOverlay from '../components/ErrorOverlay';
 import CloseButton from '../components/CloseButton';
 import NavigationBar from '../components/NavigationBar';
 import RuntimeError from './RuntimeError';
@@ -52,7 +52,7 @@ class RuntimeErrorContainer extends PureComponent {
     const { errorRecords, close } = this.props;
     const totalErrors = errorRecords.length;
     return (
-      <Overlay shortcutHandler={this.shortcutHandler}>
+      <ErrorOverlay shortcutHandler={this.shortcutHandler}>
         <CloseButton close={close} />
         {totalErrors > 1 &&
           <NavigationBar
@@ -69,7 +69,7 @@ class RuntimeErrorContainer extends PureComponent {
           line1="This screen is visible only in development. It will not appear if the app crashes in production."
           line2="Open your browser’s developer console to further inspect this error."
         />
-      </Overlay>
+      </ErrorOverlay>
     );
   }
 }