diff --git a/dashboard/src/views/ActivationView.vue b/dashboard/src/views/ActivationView.vue
index e84dea244..cc52adb89 100644
--- a/dashboard/src/views/ActivationView.vue
+++ b/dashboard/src/views/ActivationView.vue
@@ -127,14 +127,21 @@ onMounted(async () => {
 
 .container {
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  align-items: center;
   height: 100%;
   overflow: auto;
 }
 
+h1 {
+  margin-top: 0;
+}
+
 .view {
+  margin: 60px 0;
   width: 100%;
   max-width: 500px;
 }
 
 </style>
+
diff --git a/dashboard/src/views/RestoreView.vue b/dashboard/src/views/RestoreView.vue
index cfdc25c87..17efaade0 100644
--- a/dashboard/src/views/RestoreView.vue
+++ b/dashboard/src/views/RestoreView.vue
@@ -394,8 +394,8 @@ onMounted(async () => {
 
 .container {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
   height: 100%;
   overflow: auto;
 }
@@ -405,9 +405,9 @@ h1 {
 }
 
 .view {
+  margin: 60px 0;
   width: 100%;
   max-width: 500px;
-  max-height: 100%;
 }
 
 </style>
diff --git a/dashboard/src/views/SetupView.vue b/dashboard/src/views/SetupView.vue
index 09ba9f9fd..b85a0b083 100644
--- a/dashboard/src/views/SetupView.vue
+++ b/dashboard/src/views/SetupView.vue
@@ -232,8 +232,8 @@ onMounted(async () => {
 
 .container {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
   height: 100%;
   overflow: auto;
 }
@@ -243,9 +243,9 @@ h1 {
 }
 
 .view {
+  margin: 60px 0;
   width: 100%;
   max-width: 500px;
-  max-height: 100%;
 }
 
 </style>