diff --git a/js/components/Login.js b/js/components/Login.js
index 6b8db0e..2d2b599 100644
--- a/js/components/Login.js
+++ b/js/components/Login.js
@@ -8,6 +8,8 @@ import {
     clearErrors
 } from '../api';
 
+import '../../static/css/errormessages.css';
+
 export function Login(props) {
     return (
         <Container className="py-5">
@@ -31,7 +33,7 @@ class LoginErrorList extends React.Component {
         const { error, errorMessages } = this.props;
         if(error) {
             return (
-                <ul className='text-danger mt-3'>
+                <ul className='mt-3 error-box'>
                     { errorMessages.map((message, index) => 
                         <li key={index}>
                             {message}