diff --git a/src/components/CarouselWithIntro/CarouselWithIntro.vue b/src/components/CarouselWithIntro/CarouselWithIntro.vue
index 200b132..b215195 100644
--- a/src/components/CarouselWithIntro/CarouselWithIntro.vue
+++ b/src/components/CarouselWithIntro/CarouselWithIntro.vue
@@ -63,9 +63,15 @@ const qr = computed(() => props.data.qrFileList ?? [])
           width: 34px !important;
           height: 4px !important;
           background: rgba(0, 0, 0, 0.6);
-          border-radius: 6px !important;
+          border-radius: 0;
           opacity: inherit !important;
           margin: 0;
+          &:first-child {
+            border-radius: 6px 0 0 6px !important;
+          }
+          &:last-child {
+            border-radius: 0 6px 6px 0 !important;
+          }
           &.swiper-pagination-bullet-active {
             background: #ffffff;
             border-radius: 6px !important;