diff --git a/src/Umbraco.Core/EmbeddedResources/BlockGrid/items.cshtml b/src/Umbraco.Core/EmbeddedResources/BlockGrid/items.cshtml
index f00e2481ac..58f4b4fcd6 100644
--- a/src/Umbraco.Core/EmbeddedResources/BlockGrid/items.cshtml
+++ b/src/Umbraco.Core/EmbeddedResources/BlockGrid/items.cshtml
@@ -11,7 +11,7 @@
             class="umb-block-grid__layout-item"
             data-content-element-type-alias="@item.Content.ContentType.Alias"
             data-content-element-type-key="@item.Content.ContentType.Key"
-            data-element-udi="@item.ContentUdi"
+            data-element-key="@item.ContentKey"
             data-col-span="@item.ColumnSpan"
             data-row-span="@item.RowSpan"
             style=" --umb-block-grid--item-column-span: @item.ColumnSpan; --umb-block-grid--item-row-span: @item.RowSpan; ">
diff --git a/src/Umbraco.Web.UI/Views/Partials/blockgrid/items.cshtml b/src/Umbraco.Web.UI/Views/Partials/blockgrid/items.cshtml
index 2703fa5701..f0bad0d9b8 100644
--- a/src/Umbraco.Web.UI/Views/Partials/blockgrid/items.cshtml
+++ b/src/Umbraco.Web.UI/Views/Partials/blockgrid/items.cshtml
@@ -7,12 +7,12 @@
 <div class="umb-block-grid__layout-container">
     @foreach (var item in Model)
     {
-        
+
         <div
             class="umb-block-grid__layout-item"
             data-content-element-type-alias="@item.Content.ContentType.Alias"
             data-content-element-type-key="@item.Content.ContentType.Key"
-            data-element-udi="@item.ContentUdi"
+            data-element-key="@item.ContentKey"
             data-col-span="@item.ColumnSpan"
             data-row-span="@item.RowSpan"
             style=" --umb-block-grid--item-column-span: @item.ColumnSpan; --umb-block-grid--item-row-span: @item.RowSpan; ">