diff --git a/src/components/dancePNG.vue b/src/components/dancePNG.vue
index 1693b5c72708d7666da294d5e0559626ca9d5afd..0e34631f881f16608d3c73160751ef5c743c68f4 100644
--- a/src/components/dancePNG.vue
+++ b/src/components/dancePNG.vue
@@ -1,5 +1,5 @@
 <template>
-    <div style="width:90px;height:100px;overflow:hidden;float:left;">
+    <div class="cover">
     <div class="imgDiv" :style="{
         backgroundImage: `url(${danceInfo.who})`,
         backgroundPosition: `${img.x}px ${img.y}px` 
@@ -53,10 +53,17 @@ onMounted(()=>{
 </script>
 
 <style scoped>
+.cover {
+    width:75px;
+    height:75px;
+    overflow:hidden;
+    float:left;
+    transform: scale(0.5);
+}
 .imgDiv {
     height: 768px;
     width: 768px;
     background-repeat: no-repeat;
-    transform: scale(0.1) translate(-420%, -420%);
+    transform: scale(0.1) translate(-450%, -450%);
 }
 </style>
\ No newline at end of file