diff --git a/src/components/login/login.ts b/src/components/login/login.ts
index 4f4e9fa..766fa95 100644
--- a/src/components/login/login.ts
+++ b/src/components/login/login.ts
@@ -3,11 +3,12 @@ import Constants from '@/constants';
 import App from '@/components/app/app';
 import VersionUtils from '@/logic/utils/version-utils';
 import LoginUser from '@/logic/login-user';
+import Maintenance from '@/components/overlays/maintenance.vue';
 
 /**
  * This component handles user login, and obtains data from the server.
  */
-@Component
+@Component({components: {Maintenance}})
 export default class Login extends Vue
 {
     username = '';
@@ -18,6 +19,8 @@ export default class Login extends Vue
 
     disableInput = false;
 
+    maintenance = '';
+
     /**
      * This is called when the instance is created.
      */
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index c80dee4..bed8812 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -27,6 +27,8 @@
                 </form>
             </div>
         </div>
+
+        <Maintenance v-if="maintenance" :message="maintenance"/>
     </div>
 </template>