migrate styles

1 files changed, 3 insertions, 3 deletions

diff --git a/frontend/components/ErrorMessage.js b/frontend/components/ErrorMessage.js
index 5da8d2a..d65f51d 100644
--- a/frontend/components/ErrorMessage.js
+++ b/frontend/components/ErrorMessage.js
@@ -3,7 +3,7 @@ import React from 'react';
 
 import PropTypes from 'prop-types';
 
-const StyledError = styled.div`
+const ErrorStyles = styled.div`
   padding: 2rem;
   background: white;
   margin: 2rem 0;
@@ -22,12 +22,12 @@ const DisplayError = ({ error, refetch }) => {
   if (!error || !error.message) return null;
   if (error.networkError && error.networkError.result && error.networkError.result.errors.length) {
     return error.networkError.result.errors.map((error, i) => (
-      <StyledError key={i}>
+      <ErrorStyles key={i}>
         <p data-test="graphql-error">
           <strong>Shoot!</strong>
           {error.message.replace('GraphQL error: ', '')}
         </p>
-      </StyledError>
+      </ErrorStyles>
     ));
   }
   return (