diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-queue-listing.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-queue-listing.js
index b9714ef7b6..55281054cf 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-queue-listing.js
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-queue-listing.js
@@ -462,7 +462,10 @@
             var attributesContainer = $('#flowfile-attributes-container');
 
             // get any action details
-            $.each(flowFile.attributes, function (attributeName, attributeValue) {
+            var sortedAttributeNames = Object.keys(flowFile.attributes).sort();
+            sortedAttributeNames.forEach(function (attributeName) {
+                var attributeValue = flowFile.attributes[attributeName];
+
                 // create the attribute record
                 var attributeRecord = $('<div class="attribute-detail"></div>')
                     .append($('<div class="attribute-name">' + nfCommon.formatValue(attributeName) + '</div>').ellipsis())