diff --git a/client/src/i18n/en.json b/client/src/i18n/en.json
index fa525a7..ae4dcbf 100644
--- a/client/src/i18n/en.json
+++ b/client/src/i18n/en.json
@@ -62,6 +62,7 @@
       "documentsVisible": "Documents Visible",
       "endDate": "End date",
       "height": "Height",
+      "id": "Artworks/{{id}}",
       "objectWorkTypes": "Object/Work Type(s)",
       "materials": "Material(s)",
       "notes": "Notes",
@@ -376,6 +377,7 @@
     "labels": {
       "depth": "Depth",
       "height": "Height",
+      "id": "Physical_Components/{{id}}",
       "name": "Name",
       "notes": "Notes",
       "width": "Width"
@@ -626,6 +628,7 @@
       "depth": "Depth",
       "generalSubjectGenre": "General Subject/Genre",
       "height": "Height",
+      "id": "Visual_Contexts/{{id}}",
       "name": "Name",
       "notes": "Notes",
       "specificSubjectIconography": "Specific Subject/Iconography",
diff --git a/client/src/pages/Artwork.js b/client/src/pages/Artwork.js
index cfd1482..ac5ee64 100644
--- a/client/src/pages/Artwork.js
+++ b/client/src/pages/Artwork.js
@@ -55,6 +55,10 @@ const Artwork = () => {
       <RecordPage.Section>
         <AttributesGrid
           attributes={[{
+            name: 'id',
+            label: t('Common.labels.id'),
+            renderValue: () => t('Artwork.labels.id', { id: item.id })
+          }, {
             name: 'date_start',
             label: t('Artwork.labels.startDate')
           }, {
diff --git a/client/src/pages/PhysicalComponent.js b/client/src/pages/PhysicalComponent.js
index 75198fa..279d564 100644
--- a/client/src/pages/PhysicalComponent.js
+++ b/client/src/pages/PhysicalComponent.js
@@ -40,6 +40,10 @@ const PhysicalComponent = () => {
       <RecordPage.Section>
         <AttributesGrid
           attributes={[{
+            name: 'id',
+            label: t('Common.labels.id'),
+            renderValue: () => t('PhysicalComponent.labels.id', { id: item.id })
+          }, {
             name: 'height',
             label: t('PhysicalComponent.labels.height')
           }, {
diff --git a/client/src/pages/VisualContext.js b/client/src/pages/VisualContext.js
index 58f5998..407aaa0 100644
--- a/client/src/pages/VisualContext.js
+++ b/client/src/pages/VisualContext.js
@@ -41,17 +41,21 @@ const VisualContext = () => {
       <RecordPage.Section>
         <AttributesGrid
           attributes={[{
+            name: 'id',
+            label: t('Common.labels.id'),
+            renderValue: () => t('VisualContext.labels.id', { id: item.id })
+          }, {
             name: 'height',
-            label: t('PhysicalComponent.labels.height')
+            label: t('VisualContext.labels.height')
           }, {
             name: 'width',
-            label: t('PhysicalComponent.labels.width')
+            label: t('VisualContext.labels.width')
           }, {
             name: 'depth',
-            label: t('PhysicalComponent.labels.depth')
+            label: t('VisualContext.labels.depth')
           }, {
             name: 'notes',
-            label: t('PhysicalComponent.labels.notes')
+            label: t('VisualContext.labels.notes')
           }, {
             name: 'general_subject_genre',
             label: t('VisualContext.labels.generalSubjectGenre'),