diff --git a/src/components/CarouselWithIntro/CarouselWithIntro.vue b/src/components/CarouselWithIntro/CarouselWithIntro.vue
index ea0a4cf..b2e6fbe 100644
--- a/src/components/CarouselWithIntro/CarouselWithIntro.vue
+++ b/src/components/CarouselWithIntro/CarouselWithIntro.vue
@@ -11,7 +11,7 @@
     </div>
     <div class="right">
       <h1 class="title">{{ data.name }}</h1>
-      <ScrollView class="intro-scroll" scrollbar>
+      <ScrollView class="intro-scroll" :class="qr.length ? '' : 'noqrcode'" scrollbar>
         <p class="intro">
           {{ data.desc }}
         </p>
@@ -113,6 +113,9 @@ const qr = computed(() => props.data.qrcode ?? [])
   padding-right: 31px;
   margin-bottom: 33px;
   margin-top: 32px;
+  &.noqrcode {
+    height: 540px;
+  }
   .intro {
     font-weight: 400;
     font-size: 16px;