diff --git a/src/views/HelpPage.vue b/src/views/HelpPage.vue
index dac58c5..61666bb 100644
--- a/src/views/HelpPage.vue
+++ b/src/views/HelpPage.vue
@@ -5,12 +5,12 @@
 
   @media screen and (min-width : 906px) {
     .help {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
   }
-  
+
   button {
       width: 80%;
       margin-bottom: 5%;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 3c34b85..6b8c587 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -5,10 +5,10 @@
     justify-content: center;
     padding: 0.5em;
   }
-  
+
   @media screen and (min-width : 906px) {
     .home {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
diff --git a/src/views/Questionnaire.vue b/src/views/Questionnaire.vue
index f25c872..b99760d 100644
--- a/src/views/Questionnaire.vue
+++ b/src/views/Questionnaire.vue
@@ -40,13 +40,12 @@
 <style scoped>
     @media screen and (min-width : 906px) {
     .questionnaire {
-        width: 30%;
+        width: 600px;
         margin-left: auto;
         margin-right: auto;
         }
     }
 
-
     #back-button {
         position: absolute;
         margin-left: 2%;
diff --git a/src/views/Results.vue b/src/views/Results.vue
index 58c590c..392e409 100644
--- a/src/views/Results.vue
+++ b/src/views/Results.vue
@@ -75,7 +75,7 @@
 
     @media screen and (min-width : 906px) {
         .results {
-            width: 30%;
+            width: 600px;
             margin-left: auto;
             margin-right: auto;
         }
diff --git a/src/views/Warning.vue b/src/views/Warning.vue
index 0c1a328..3404d4a 100644
--- a/src/views/Warning.vue
+++ b/src/views/Warning.vue
@@ -9,7 +9,7 @@
   
   @media screen and (min-width : 906px) {
     .warning {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }