diff --git a/src/state/themes-mixin.ts b/src/state/themes-mixin.ts
index 7f3d490d07..497c22a33f 100644
--- a/src/state/themes-mixin.ts
+++ b/src/state/themes-mixin.ts
@@ -155,7 +155,7 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
           },
           {
             duration: 500,
-            easing: "ease-in-out",
+            easing: "linear(0, 0.1, 1)",
             pseudoElement: "::view-transition-new(root)",
           }
         );