diff --git a/packages/vant/src/button/demo/index.vue b/packages/vant/src/button/demo/index.vue
index 304dc2582..7c469f8ce 100644
--- a/packages/vant/src/button/demo/index.vue
+++ b/packages/vant/src/button/demo/index.vue
@@ -189,9 +189,10 @@ const t = useTranslate({
   &-row {
     margin-bottom: var(--van-padding-sm);
   }
-}
-.notice-swipe {
-  height: 40px;
-  line-height: 40px;
+
+  .notice-swipe {
+    height: 40px;
+    line-height: 40px;
+  }
 }
 </style>
diff --git a/packages/vant/src/rolling-text/demo/index.vue b/packages/vant/src/rolling-text/demo/index.vue
index 162889c6c..fc08caa75 100644
--- a/packages/vant/src/rolling-text/demo/index.vue
+++ b/packages/vant/src/rolling-text/demo/index.vue
@@ -148,24 +148,22 @@ const reset = () => {
 </template>
 
 <style lang="less">
-.van-button {
-  margin-left: var(--van-padding-md);
-}
+.demo-rolling-text {
+  .van-button {
+    margin-left: var(--van-padding-md);
+  }
 
-.van-rolling-text {
-  margin-left: var(--van-padding-md);
-}
+  .van-rolling-text {
+    margin-left: var(--van-padding-md);
+  }
 
-.van-grid {
-  margin-left: var(--van-padding-md);
-}
-
-.my-rolling-text {
-  --van-rolling-text-background: #1989fa;
-  --van-rolling-text-color: white;
-  --van-rolling-text-font-size: 24px;
-  --van-rolling-text-gap: 6px;
-  --van-rolling-text-item-border-radius: 5px;
-  --van-rolling-text-item-width: 40px;
+  .my-rolling-text {
+    --van-rolling-text-background: #1989fa;
+    --van-rolling-text-color: white;
+    --van-rolling-text-font-size: 24px;
+    --van-rolling-text-gap: 6px;
+    --van-rolling-text-item-border-radius: 5px;
+    --van-rolling-text-item-width: 40px;
+  }
 }
 </style>