diff --git a/src/App.vue b/src/App.vue
index b22f395..73eb8cd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,7 @@
 <template>
-  <router-view />
+  <div class="bg-blue-grey">
+    <router-view />
+  </div>
 </template>
 
 <script setup>
diff --git a/src/pages/ErrorNotFound.vue b/src/pages/ErrorNotFound.vue
index 4b53e5a..c4606c5 100644
--- a/src/pages/ErrorNotFound.vue
+++ b/src/pages/ErrorNotFound.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
+  <div class="fullscreen text-white text-center q-pa-md flex flex-center">
     <div>
       <div style="font-size: 30vh">
         404
@@ -9,15 +9,7 @@
         Oops. Nothing here...
       </div>
 
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
+      <q-btn class="q-mt-xl" color="white" text-color="blue" unelevated to="/" label="Go Home" no-caps />
     </div>
   </div>
 </template>
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index 0fe3b57..00c67e1 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-blue-grey window-height window-width row justify-center items-center">
+  <div class="full-height window-width row justify-center items-center">
     <q-infinite-scroll @load="onLoad" :offset="250">
       <div v-for="(lista, index) in arraylistas" :key="index" class="caption">
         <div class="q-pa-md row items-start q-gutter-md">
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 59bbaec..ba68223 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-light-green window-height window-width row justify-center items-center">
+  <div class="window-height window-width row justify-center items-center">
     <div class="column">
       <div class="row">
       </div>
diff --git a/src/pages/RecoveryPasswordPage.vue b/src/pages/RecoveryPasswordPage.vue
index b0c754e..56cdcb9 100644
--- a/src/pages/RecoveryPasswordPage.vue
+++ b/src/pages/RecoveryPasswordPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-light-green window-height window-width row justify-center items-center">
+    <div class="window-height window-width row justify-center items-center">
         <div class="column">
             <div class="row"></div>
             <div v-if="token">
diff --git a/src/pages/VerifyEmailPage.vue b/src/pages/VerifyEmailPage.vue
index 005ade6..3ac14a7 100644
--- a/src/pages/VerifyEmailPage.vue
+++ b/src/pages/VerifyEmailPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-light-green window-height window-width row justify-center items-center">
+    <div class="window-height window-width row justify-center items-center">
         <div class="column">
             <div class="row"></div>
             <h3 v-if="token">