diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index 537191fe..c41d9f88 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -88,7 +88,8 @@
               v-for="c in item.columns"
               :key="c.key"
             >
-              <div class="v-data-table__mobile-row__header mr-n5">
+              <!-- 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">
                 {{ getHeaderText(c.key) }}
               </div>
               <div class="v-data-table__mobile-row__cell">