diff --git a/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue b/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
index e2bd20f..ddb52f5 100644
--- a/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
+++ b/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
@@ -102,7 +102,10 @@ function handleClick(item) {
 
 <style scoped>
 .scattered-ranks {
-  position: relative;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
   width: 750rpx;
   height: 720rpx;
   pointer-events: none;