diff --git a/view-transitions/mpa/styles.css b/view-transitions/mpa/styles.css
index 13c7689..910dbc4 100644
--- a/view-transitions/mpa/styles.css
+++ b/view-transitions/mpa/styles.css
@@ -36,8 +36,7 @@ p {
 
 /* Customize the default animation behavior */
 
-::view-transition-old(root),
-::view-transition-new(root) {
+::view-transition-group(root) {
     animation-duration: 0.5s;
 }
 
diff --git a/view-transitions/spa/style.css b/view-transitions/spa/style.css
index 412b44a..ce0a733 100644
--- a/view-transitions/spa/style.css
+++ b/view-transitions/spa/style.css
@@ -112,8 +112,7 @@ h1 {
 
 /* View Transitions CSS */
 
-::view-transition-old(root),
-::view-transition-new(root) {
+::view-transition-group(root) {
   animation-duration: 0.5s;
 }
 
@@ -123,8 +122,7 @@ figcaption {
 
 /* Simple final style */
 
-::view-transition-old(figure-caption),
-::view-transition-new(figure-caption) {
+::view-transition-group(figure-caption) {
   height: 100%;
 }
 
@@ -140,8 +138,7 @@ figcaption {
   to { transform: scaleX(0); }
 }
 
-::view-transition-old(figure-caption),
-::view-transition-new(figure-caption) {
+::view-transition-group(figure-caption) {
   height: auto;
   right: 0;
   left: auto;