diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index e91a30f6..2adf83f9 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -21,6 +21,8 @@ todo: Joyce after testing issues:
 todo: login form on mobile is cut off due to the 100vh bug on chrome as per nav drawer logout issue
 	fix might be to put a 100% on something app level somewhere or maybe just the login form since it's the only one that has that issue
 
+todo: several screenshots showing mobile layout issue in emails
+
 
 ### RETEST ALL DEVICES WHEN GET TO HERE #####
 TO TEST:
diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index 868242ac..bcca4561 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -8,6 +8,7 @@
     
     Also there is a height bug in vuetify with chrome on mobile (and safari) so using workaround with 100% height set on v-navigation-drawer
     https://github.com/vuetifyjs/vuetify/issues/9607
+      height="100%"
     -->
     <v-navigation-drawer
       v-if="isAuthenticated"
@@ -15,7 +16,6 @@
       app
       temporary
       width="345"
-      height="100%"
     >
       <template v-slot:prepend>
         <div class="subtitle-2 primary--text pt-2 pl-4">
diff --git a/ayanova/src/assets/css/main.css b/ayanova/src/assets/css/main.css
index 862d3cf5..76b876b6 100644
--- a/ayanova/src/assets/css/main.css
+++ b/ayanova/src/assets/css/main.css
@@ -1,3 +1,9 @@
+body,
+html,
+.app {
+  height: 100%;
+}
+
 .multi-line {
   white-space: pre-line;
 }