diff --git a/src/components/login/login.scss b/src/components/login/login.scss
index 691774a..1274aa1 100644
--- a/src/components/login/login.scss
+++ b/src/components/login/login.scss
@@ -5,6 +5,13 @@
 
 }
 
+// Logo image
+#login-logo-image
+{
+    width: 80%;
+    margin-bottom: -15px;
+}
+
 // Parent overlay
 .login-overlay
 {
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index 3f24be2..82d259b 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -2,7 +2,7 @@
     <div id="login" class="login-overlay">
         <div class="login-vertical-center">
             <div class="login-panel">
-                <img alt="Vue logo" src="../../assets/logo.png">
+                <img id="login-logo-image" alt="logo" src="../../assets/logo.png">
 
                 <h1>Veracross Analyzer</h1>
                 <form id="login-form">