diff --git a/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue b/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
index a7ca44a19..b2e2d73f9 100644
--- a/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
+++ b/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
@@ -31,8 +31,8 @@ onMounted(() => {
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 100%;
-  height: 100%;
+  width: 150%;
+  aspect-ratio: 1 / 1;
   pointer-events: none;
   transform: translate(-50%, -50%);
 }