diff --git a/src/renderer/components/base/Popup.vue b/src/renderer/components/base/Popup.vue
index 4ad37412..65986003 100644
--- a/src/renderer/components/base/Popup.vue
+++ b/src/renderer/components/base/Popup.vue
@@ -125,8 +125,8 @@ onBeforeUnmount(() => {
   border-radius: 4px;
   background-color: var(--color-content-background);
   opacity: 0;
-  transform: scale(.8, .8);
-  transform-origin: 0 0 0;
+  transform: scale(.8);
+  transform-origin: 50% 0 0;
   transition: .16s ease;
   transition-property: transform, opacity;
   max-height: 250px;
diff --git a/src/renderer/components/layout/PlayDetail/index.vue b/src/renderer/components/layout/PlayDetail/index.vue
index c86fa7b3..277305d5 100644
--- a/src/renderer/components/layout/PlayDetail/index.vue
+++ b/src/renderer/components/layout/PlayDetail/index.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-transition(enter-active-class="animated lightSpeedIn" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave")
+transition(enter-active-class="animated slideInRight" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave")
   div(:class="[$style.container, { [$style.fullscreen]: isFullscreen }]" @contextmenu="handleContextMenu" v-if="isShowPlayerDetail")
     div(:class="$style.bg")
     //- div(:class="$style.bg" :style="bgStyle")