diff --git a/apps/showcase/layouts/AppConfigurator.vue b/apps/showcase/layouts/AppConfigurator.vue
index f0c1a7366..fa6e1a7c6 100755
--- a/apps/showcase/layouts/AppConfigurator.vue
+++ b/apps/showcase/layouts/AppConfigurator.vue
@@ -316,6 +316,15 @@ export default {
             $t().preset(preset).preset(this.getPresetExt()).surfacePalette(surfacePalette).use({ useDefaultOptions: true });
         },
         onRTLChange(value) {
+            if (!document.startViewTransition) {
+                this.toggleRTL();
+
+                return;
+            }
+
+            document.startViewTransition(() => this.toggleRTL(value));
+        },
+        toggleRTL(value) {
             const htmlElement = document.documentElement;
 
             if (value) {