diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/history.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/history.css
index af29702b37..d13000da80 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/history.css
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/history.css
@@ -128,18 +128,22 @@
     overflow-y: auto;
 }
 
+#action-details-dialog {
+    width: 300px;
+    height: 500px;
+}
+
 div.action-detail {
-    margin-bottom: 5px;
+    margin-bottom: 15px;
 }
 
 div.history-details-name {
-    float: left;
-    color: #527991;
-    font-size: 10px;
-    font-weight: bold;
-    line-height: normal;
-    width: 100%;
-    margin-right: 10px;
+    font-size: 12px;
+    font-weight: 500;
+    font-family: Roboto Slab;
+    text-transform: capitalize;
+    padding-bottom: 4px;
+    color: #262626;
 }
 
 /* history table */
diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/history/nf-history-table.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/history/nf-history-table.js
index f952e304c4..5de244079f 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/history/nf-history-table.js
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/history/nf-history-table.js
@@ -272,7 +272,10 @@ nf.HistoryTable = (function () {
 
         // define a custom formatter for the more details column
         var moreDetailsFormatter = function (row, cell, value, columnDef, dataContext) {
-            return '<div title="View Details" class="pointer show-action-details fa fa-info-circle" style="margin-top: 4px;"></div>';
+            if(dataContext.canRead === true) {
+                return '<div title="View Details" class="pointer show-action-details fa fa-info-circle" style="margin-top: 4px;"></div>';
+            }
+            return "";
         };
 
         // define how general values are formatted