diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index c41d9f88..4eefea95 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -82,14 +82,14 @@
                 </div>
               </td>
             </template>
-
+            <!-- NOTE: the pl-2 (overrides default of 16) is critical here or else in small phone size the data column is cut off to the right -->
             <td
-              class="v-data-table__mobile-row"
+              class="v-data-table__mobile-row pl-2"
               v-for="c in item.columns"
               :key="c.key"
             >
-              <!-- NOTE: the mr-n5 is critical here or else in small phone size the data column is cut off to the right -->
-              <div class="v-data-table__mobile-row__header mr-n7">
+              <!-- NOTE: the mr-n6 is critical here or else in 360px (galaxy s9) small phone size the data column is cut off to the right -->
+              <div class="v-data-table__mobile-row__header mr-n6">
                 {{ getHeaderText(c.key) }}
               </div>
               <div class="v-data-table__mobile-row__cell">