diff --git a/ui/app/controllers/csi/volumes/volume.js b/ui/app/controllers/csi/volumes/volume.js
index bff70d6ec..3d633bdc2 100644
--- a/ui/app/controllers/csi/volumes/volume.js
+++ b/ui/app/controllers/csi/volumes/volume.js
@@ -1,6 +1,18 @@
 import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { computed } from '@ember/object';
 
 export default Controller.extend({
+  system: service(),
+
+  sortedReadAllocations: computed('model.readAllocations.@each.modifyIndex', function() {
+    return this.model.readAllocations.sortBy('modifyIndex').reverse();
+  }),
+
+  sortedWriteAllocations: computed('model.writeAllocations.@each.modifyIndex', function() {
+    return this.model.writeAllocations.sortBy('modifyIndex').reverse();
+  }),
+
   actions: {
     gotoAllocation(allocation) {
       this.transitionToRoute('allocations.allocation', allocation);