diff --git a/client/src/views/modal.js b/client/src/views/modal.js
index 448ea5a545..2f9c57f8fe 100644
--- a/client/src/views/modal.js
+++ b/client/src/views/modal.js
@@ -59,6 +59,7 @@ class ModalView extends View {
      * @property {string} [title] A title text.
      * @property {'primary'|'danger'|'success'|'warning'|'text'} [style] A style.
      * @property {string} [iconHtml] An icon HTML.
+     * @property {string} [iconClass] An icon class.
      */
 
     /**
@@ -468,6 +469,10 @@ class ModalView extends View {
             if (o.iconHtml && !o.html) {
                 o.html = o.iconHtml + ' <span>' + this.getHelper().escapeString(o.text) + '</span>';
             }
+            else if (o.iconClass && !o.html) {
+                o.html = `<span class="${o.iconClass}"></span> ` +
+                    '<span>' + this.getHelper().escapeString(o.text) + '</span>';
+            }
 
             o.onClick = o.onClick || ((d, e) => {
                 const handler = o.handler || (o.data || {}).handler;
diff --git a/client/src/views/modals/select-records.js b/client/src/views/modals/select-records.js
index f0c05e2f6c..35abfd4b90 100644
--- a/client/src/views/modals/select-records.js
+++ b/client/src/views/modals/select-records.js
@@ -151,7 +151,7 @@ class SelectRecordsModalView extends ModalView {
                 name: 'create',
                 position: 'right',
                 onClick: () => this.create(),
-                iconHtml: '<span class="fas fa-plus fa-sm"></span>',
+                iconClass: 'fas fa-plus fa-sm',
                 label: 'Create',
             });
         }