diff --git a/frontend/src/views/ChatView.vue b/frontend/src/views/ChatView.vue
index f332bd6..ad0777a 100644
--- a/frontend/src/views/ChatView.vue
+++ b/frontend/src/views/ChatView.vue
@@ -878,7 +878,8 @@ export default {
         left: `${layout.left}px`,
         top: `${layout.top}px`,
         maxWidth: `${layout.bubbleWidth}px`,
-        maxHeight: `${layout.availableBubbleHeight}px`
+        maxHeight: `${layout.availableBubbleHeight}px`,
+        '--pet-tail-left': `${Math.round(layout.tailLeft)}px`
       }
     })
 
diff --git a/frontend/src/views/components/admin/SceneBinding.vue b/frontend/src/views/components/admin/SceneBinding.vue
index 47b74ef..9a98cfb 100644
--- a/frontend/src/views/components/admin/SceneBinding.vue
+++ b/frontend/src/views/components/admin/SceneBinding.vue
@@ -663,7 +663,8 @@ export default {
       return {
         left: `${Math.round(layout.left)}px`,
         top: `${Math.round(layout.top)}px`,
-        width: `${Math.round(layout.bubbleWidth)}px`
+        width: `${Math.round(layout.bubbleWidth)}px`,
+        '--preview-tail-left': `${Math.round(layout.tailLeft)}px`
       }
     }