diff --git a/js/components/Login.js b/js/components/Login.js
index 174677b..6b8db0e 100644
--- a/js/components/Login.js
+++ b/js/components/Login.js
@@ -31,14 +31,9 @@ class LoginErrorList extends React.Component {
         const { error, errorMessages } = this.props;
         if(error) {
             return (
-                <ul>
+                <ul className='text-danger mt-3'>
                     { errorMessages.map((message, index) => 
                         <li key={index}>
-                            <style jsx>{`
-                                li {
-                                    color:red;
-                                }
-                            `}</style>
                             {message}
                         </li>
 
diff --git a/pages/register.js b/pages/register.js
index d655a5e..3395c3d 100644
--- a/pages/register.js
+++ b/pages/register.js
@@ -69,17 +69,11 @@ class RegisterErrorList extends React.Component {
         const { error, errorMessages } = this.props;
         if(error) {
             return (
-                <ul>
+                <ul className='text-danger mt-3'>
                     { errorMessages.map((message, index) => 
                         <li key={index}>
-                            <style jsx>{`
-                                li {
-                                    color:red;
-                                }
-                            `}</style>
                             {message}
                         </li>
-
                     ) }
                 </ul>
             );