diff --git a/packages/quark/src/marquee/demo.scss b/packages/quark/src/marquee/demo.scss
index 52f6f1bb..72b6c312 100644
--- a/packages/quark/src/marquee/demo.scss
+++ b/packages/quark/src/marquee/demo.scss
@@ -1,14 +1,18 @@
quark-marquee {
- color: #ee8c02;
+ color: #ee8c02;
- .line {
- width: 100%;
- height: 1px;
- background: #fff;
- }
+ .line {
+ width: 100%;
+ height: 1px;
+ background: #fff;
+ }
- .flex {
- display: flex;
- align-items: center;
- }
+ .flex {
+ display: flex;
+ align-items: center;
+ }
+}
+
+.paused-button {
+ margin: 0 0 10px 20px;
}
diff --git a/packages/quark/src/marquee/demo.vue b/packages/quark/src/marquee/demo.vue
index 500c3475..3886faa2 100644
--- a/packages/quark/src/marquee/demo.vue
+++ b/packages/quark/src/marquee/demo.vue
@@ -8,22 +8,49 @@