diff --git a/src/views/badge/preview.vue b/src/views/badge/preview.vue
index dc3c1e8..de13862 100644
--- a/src/views/badge/preview.vue
+++ b/src/views/badge/preview.vue
@@ -1042,6 +1042,8 @@ onUnmounted(() => {
 }
 .progress-section-img {
   position: relative;
+  display: flex;
+  justify-content: center;
 }
 .box1-back-image {
   position: absolute;
@@ -1058,6 +1060,7 @@ onUnmounted(() => {
 .box1-front-image {
   width: 100%;
   height: auto;
+  max-height: 320px;
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.3);
 }