diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css
index ae11a22..dd8f227 100644
--- a/class_registration_app/src/assets/main.css
+++ b/class_registration_app/src/assets/main.css
@@ -1,9 +1,9 @@
 @import './base.css';
 
 #app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
+  min-width: 100vw;
+  
+  padding: 0rem;
 
   font-weight: normal;
 }
@@ -24,7 +24,7 @@ a,
   }
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 100vw) {
   body {
     display: flex;
     place-items: center;
diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue
index 12eb87e..aab5dc0 100644
--- a/class_registration_app/src/components/DashBoard.vue
+++ b/class_registration_app/src/components/DashBoard.vue
@@ -23,6 +23,10 @@
 
 .dashboard {
     text-align: center;
+    position:absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 h1 {