diff --git a/ayanova/src/views/inv-purchase-order.vue b/ayanova/src/views/inv-purchase-order.vue
index 8a67801c..450dc62c 100644
--- a/ayanova/src/views/inv-purchase-order.vue
+++ b/ayanova/src/views/inv-purchase-order.vue
@@ -237,11 +237,22 @@
               :item-class="poItemsRowClasses"
             >
               <template v-slot:top>
-                <span class="title">{{ $ay.t("PurchaseOrderItemList") }}</span>
+                <div class="mb-4 ml-4">
+                  <span class="title">{{
+                    $ay.t("PurchaseOrderItemList")
+                  }}</span>
+                </div>
               </template>
               <template v-slot:[`item.actions`]="{ item }">
                 <v-btn icon @click="editItem(item)">
-                  <v-icon>
+                  <v-icon
+                    large
+                    v-if="$vuetify.breakpoint.xs"
+                    :color="poItemsRowClasses(item)"
+                  >
+                    $ayiEdit
+                  </v-icon>
+                  <v-icon v-else>
                     $ayiEdit
                   </v-icon>
                 </v-btn>