diff --git a/packages/astro/components/viewtransitions.css b/packages/astro/components/viewtransitions.css
index ea62038e74..25fabe0488 100644
--- a/packages/astro/components/viewtransitions.css
+++ b/packages/astro/components/viewtransitions.css
@@ -46,14 +46,14 @@
 @layer astro {
 	::view-transition-old(root) {
 		animation-name: astroFadeOut;
-		animation-duration: 180;
+		animation-duration: 180ms;
 		animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
 		animation-fill-mode: both;
 	}
 	
 	::view-transition-new(root) {
 		animation-name: astroFadeIn;
-		animation-duration: 180;
+		animation-duration: 180ms;
 		animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
 		animation-fill-mode: both;
 	}
@@ -61,14 +61,14 @@
 
 :root[data-astro-transition-fallback="old"]:not([data-astro-transition-scope]) {
 	animation-name: astroFadeOut;
-	animation-duration: 180;
+	animation-duration: 180ms;
 	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
 	animation-fill-mode: both;
 }
 
 :root[data-astro-transition-fallback="new"]:not([data-astro-transition-scope]) {
 	animation-name: astroFadeIn;
-	animation-duration: 180;
+	animation-duration: 180ms;
 	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
 	animation-fill-mode: both;
 }