diff --git a/src/pages/Discovery/components/CardSwiper/index.vue b/src/pages/Discovery/components/CardSwiper/index.vue
index 8d0fb4d..ef87054 100644
--- a/src/pages/Discovery/components/CardSwiper/index.vue
+++ b/src/pages/Discovery/components/CardSwiper/index.vue
@@ -241,7 +241,7 @@ const getSlotState = (role) => {
 const buildCardStyle = (role) => {
   const state = getSlotState(role);
   return {
-    transform: `translate3d(-50%, -50%, 0) translateX(${state.x}px) scale(${state.scale})`,
+    transform: `translate3d(-50%, 0, 0) translateX(${state.x}px) scale(${state.scale})`,
     opacity: state.opacity,
     zIndex: getCardZIndex(role),
     transition: isDragging.value
diff --git a/src/pages/Discovery/components/CardSwiper/styles/index.scss b/src/pages/Discovery/components/CardSwiper/styles/index.scss
index c056c9a..f4c6419 100644
--- a/src/pages/Discovery/components/CardSwiper/styles/index.scss
+++ b/src/pages/Discovery/components/CardSwiper/styles/index.scss
@@ -5,14 +5,14 @@
 .swiper-stage {
   position: relative;
   width: 100%;
-  height: 278px;
+  height: 270px;
   overflow: hidden;
 }
 
 .swiper-card {
   position: absolute;
   left: 50%;
-  top: 50%;
+  top: 8px;
   width: 236px;
   height: 234px;
   max-width: calc(100% - 56px);