diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcheckmark.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcheckmark.directive.js
index b0899f0f8b..d1fefeae5a 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcheckmark.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcheckmark.directive.js
@@ -10,7 +10,8 @@
             templateUrl: 'views/components/umb-checkmark.html',
             scope: {
                 size: "@?",
-                checked: "="
+                checked: "=",
+                readonly: "@?"
             }
         };
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-checkmark.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-checkmark.html
index 1f3aaaf937..89201a144f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-checkmark.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-checkmark.html
@@ -1 +1 @@
-<i class="icon-check umb-checkmark umb-checkmark--{{size}}" ng-class="{'umb-checkmark--checked': checked}"></i>
\ No newline at end of file
+<i class="icon-check umb-checkmark umb-checkmark--{{size}}" ng-class="{'umb-checkmark--checked': checked, 'cursor-auto': readonly}"></i>
diff --git a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
index 1ed148a23f..afaaf865c8 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
+++ b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
@@ -505,6 +505,7 @@
                 <div class="flex items-center" style="margin-bottom: 15px;">
                     <umb-checkmark
                         checked="vm.usersViewState === 'inviteUserSuccess'"
+                        readonly="true"
                         size="m">
                     </umb-checkmark>
                     <h3 class="bold" style="margin: 0 0 0 10px;">