2 files changed, 10 insertions, 1 deletions
diff --git a/web-ui/src/login/app.js b/web-ui/src/login/app.js
index 7502c442..3c0fdf79 100644
--- a/web-ui/src/login/app.js
+++ b/web-ui/src/login/app.js
@@ -37,7 +37,11 @@ const rightPanel = (t, error) => {
 
 export const App = ({ t, authError, error }) => (
   <div className='login'>
-    <img className='logo' src='/public/images/logo-orange.svg' alt='Pixelated logo' />
+    <img
+      className={error ? 'logo small-logo' : 'logo'}
+      src='/public/images/logo-orange.svg'
+      alt='Pixelated logo'
+    />
     {rightPanel(t, error)}
     <form className='standard' id='login_form' action='/login' method='post'>
       {errorMessage(t, authError)}
diff --git a/web-ui/src/login/app.scss b/web-ui/src/login/app.scss
index 48add805..8fa07027 100644
--- a/web-ui/src/login/app.scss
+++ b/web-ui/src/login/app.scss
@@ -52,6 +52,11 @@
   margin-bottom: 2em;
 }
 
+.small-logo {
+  width: 50%;
+  margin-bottom: 1em;
+}
+
 @media only screen and (min-width : 500px) {
   #login_form {
     margin-top: 1em;