diff --git a/open-isle-cli/src/views/LoginPageView.vue b/open-isle-cli/src/views/LoginPageView.vue
index 485ddc7e7..083827984 100644
--- a/open-isle-cli/src/views/LoginPageView.vue
+++ b/open-isle-cli/src/views/LoginPageView.vue
@@ -95,13 +95,13 @@ export default {
 
 <style scoped>
 .login-page {
-  margin-top: 100px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  height: 100%;
+  height: calc(100vh - var(--header-height));
   width: 100%;
+  background-color: var(--background-color);
 }
 
 .login-page-content {
diff --git a/open-isle-cli/src/views/SignupPageView.vue b/open-isle-cli/src/views/SignupPageView.vue
index c0afa8036..04f0c31b2 100644
--- a/open-isle-cli/src/views/SignupPageView.vue
+++ b/open-isle-cli/src/views/SignupPageView.vue
@@ -185,13 +185,13 @@ export default {
 
 <style scoped>
 .signup-page {
-  margin-top: 100px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  height: 100%;
+  height: calc(100vh - var(--header-height));
   width: 100%;
+  background-color: var(--background-color);
 }
 
 .signup-page-content {