diff --git a/src/components/HitgroupPuppet.vue b/src/components/HitgroupPuppet.vue
index 8b5fbeb..ce0a48a 100644
--- a/src/components/HitgroupPuppet.vue
+++ b/src/components/HitgroupPuppet.vue
@@ -355,7 +355,7 @@ export default {
     const buildCharts = (arr) => {
       disposeCharts()
 
-      myChart1 = echarts.init(document.getElementById('hitgroup-puppet'), {}, {width: 500, height: 500})
+      myChart1 = echarts.init(document.getElementById('hitgroup-puppet'), {}, {width: 300, height: 500})
 
       const url = require('@/assets/images/icons/hitgroup-puppet.svg')
       $.get(url, function (svg) {
@@ -418,4 +418,11 @@ export default {
   }
 }
 
+@media (max-width: 600px) {
+  .select-group {
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+  }
+}
 </style>