diff --git a/core/modules/update/templates/update-version.html.twig b/core/modules/update/templates/update-version.html.twig
index 79f47c1fd8..95ed1bd5a9 100644
--- a/core/modules/update/templates/update-version.html.twig
+++ b/core/modules/update/templates/update-version.html.twig
@@ -11,6 +11,7 @@
  *   - date: The date of the release.
  *   - download_link: The URL for the downloadable file.
  *   - release_link: The URL for the release notes.
+ * - type: The type of the version, possible values are 'recommended', 'security', 'latest', 'dev', 'also', 'installed'.
  *
  * @ingroup themeable
  */
@@ -27,7 +28,7 @@
         {% endtrans %}
       {% endif %}
     </div>
-    {% if attributes.class != 'project-update__version--installed' %}
+    {% if type != 'installed' %}
       <div class="layout-column layout-column--quarter">
         <ul class="project-update__version-links">
           <li class="project-update__download-link">
diff --git a/core/modules/update/update.module b/core/modules/update/update.module
index f2c8b3d22a..b2c50320d0 100644
--- a/core/modules/update/update.module
+++ b/core/modules/update/update.module
@@ -246,7 +246,7 @@ function update_theme() {
     // We are using template instead of '#type' => 'table' here to keep markup
     // out of preprocess and allow for easier changes to markup.
     'update_version' => [
-      'variables' => ['version' => NULL, 'title' => NULL, 'attributes' => []],
+      'variables' => ['version' => NULL, 'title' => NULL, 'attributes' => [], 'type' => NULL],
       'file' => 'update.report.inc',
     ],
   ];
diff --git a/core/modules/update/update.report.inc b/core/modules/update/update.report.inc
index 21f18c00e7..cd262b2a6c 100644
--- a/core/modules/update/update.report.inc
+++ b/core/modules/update/update.report.inc
@@ -157,6 +157,7 @@ function template_preprocess_update_project_status(&$variables) {
           '#version' => $project['releases'][$project['recommended']],
           '#title' => t('Recommended update:'),
           '#attributes' => ['class' => $version_class],
+          '#type' => 'recommended',
         ];
       }
 
@@ -169,6 +170,7 @@ function template_preprocess_update_project_status(&$variables) {
             '#version' => $security_update,
             '#title' => t('Security update:'),
             '#attributes' => ['class' => $security_class],
+            '#type' => 'security',
           ];
         }
       }
@@ -180,6 +182,7 @@ function template_preprocess_update_project_status(&$variables) {
         '#version' => $project['releases'][$project['latest_version']],
         '#title' => t('Latest version:'),
         '#attributes' => ['class' => ['version-latest']],
+        '#type' => 'latest',
       ];
     }
     if ($project['install_type'] == 'dev'
@@ -191,6 +194,7 @@ function template_preprocess_update_project_status(&$variables) {
         '#version' => $project['releases'][$project['dev_version']],
         '#title' => t('Development version:'),
         '#attributes' => ['class' => ['version-latest']],
+        '#type' => 'dev',
       ];
     }
   }
@@ -202,6 +206,7 @@ function template_preprocess_update_project_status(&$variables) {
         '#version' => $project['releases'][$also],
         '#title' => t('Also available:'),
         '#attributes' => ['class' => ['version-also-available']],
+        '#type' => 'also',
       ];
     }
   }
@@ -213,6 +218,7 @@ function template_preprocess_update_project_status(&$variables) {
       '#version' => $project['releases'][$project['version_normalized']],
       '#title' => t('Installed version:'),
       '#attributes' => ['class' => ['project-update__version--installed']],
+      '#type' => 'installed',
     ];
   }
 
diff --git a/core/themes/stable/templates/admin/update-version.html.twig b/core/themes/stable/templates/admin/update-version.html.twig
index d57ceedb80..d8c2c61821 100644
--- a/core/themes/stable/templates/admin/update-version.html.twig
+++ b/core/themes/stable/templates/admin/update-version.html.twig
@@ -11,6 +11,7 @@
  *   - date: The date of the release.
  *   - download_link: The URL for the downloadable file.
  *   - release_link: The URL for the release notes.
+ * - type: The type of the version, possible values are 'recommended', 'security', 'latest', 'dev', 'also', 'installed'.
  */
 #}
 <div class="{{ attributes.class }} project-update__version"{{ attributes|without('class') }}>
@@ -25,7 +26,7 @@
         {% endtrans %}
       {% endif %}
     </div>
-    {% if attributes.class != 'project-update__version--installed' %}
+    {% if type != 'installed' %}
       <div class="layout-column layout-column--quarter">
         <ul class="project-update__version-links">
           <li class="project-update__download-link">