diff --git a/packages/Login/Login.jsx b/packages/Login/Login.jsx
index 6633d146b594b832b9deb8ecadbca4fe1be93b77..c66bad5f9793b7c321cbb7e1195e9796b91edc35 100644
--- a/packages/Login/Login.jsx
+++ b/packages/Login/Login.jsx
@@ -21,7 +21,7 @@ export default class Login extends Component {
         <Grid>
           <Row>
             <Col md={2} mdOffset={5}>
-              <img src="/assets/pubsweet-rgb-small.jpg" className="auth-logo" alt="pubsweet-logo" style={{maxWidth: '100%'}}/>
+              <img src="/assets/pubsweet-rgb-small.jpg" className="{styles.loginLogo}" alt="pubsweet-logo" style={{maxWidth: '100%'}}/>
             </Col>
           </Row>
 
@@ -30,7 +30,7 @@ export default class Login extends Component {
               {error && <Alert bsStyle="warning"><i className="fa fa-exclamation-circle" />&nbsp; {error}</Alert>}
             </Col>
 
-            <Col xs={12} md={4}>
+            <Col xs={12} md={4} className="{styles.login}">
               <h1>Login</h1>
               <form>
                 <div className="form-group">