diff --git a/core/themes/classy/templates/content/media.html.twig b/core/themes/classy/templates/content/media.html.twig
index f36975cb9a..f394850530 100644
--- a/core/themes/classy/templates/content/media.html.twig
+++ b/core/themes/classy/templates/content/media.html.twig
@@ -17,7 +17,7 @@
     'media',
     'media--type-' ~ media.bundle()|clean_class,
     not media.isPublished() ? 'media--unpublished',
-    view_mode ? 'media--view-mode-' ~ view_mode.id()|clean_class,
+    view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
   ]
 %}
 <article{{ attributes.addClass(classes) }}>