diff --git a/cspell.config.yaml b/cspell.config.yaml
index 7af45914b..47e3eae4d 100644
--- a/cspell.config.yaml
+++ b/cspell.config.yaml
@@ -77,6 +77,7 @@ words:
   - Llmmarker
   - lobehub
   - logg
+  - lucide
   - Maru
   - micvad
   - mineflayer
diff --git a/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue b/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
index 2c80bb6c0..0eb89d17b 100644
--- a/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
+++ b/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
@@ -30,12 +30,11 @@ onMounted(() => {
 <style scoped>
 .circle-expansion-transition {
   position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 150%;
-  aspect-ratio: 1 / 1;
+  top: calc(50% - 75vmax);
+  left: calc(50% - 75vmax);
+  width: 150vmax;
+  height: 150vmax;
   pointer-events: none;
-  transform: translate(-50%, -50%);
 }
 
 .circle-expansion-transition div {