diff --git a/src/pages/preview/brand/article/article.module.scss b/src/pages/preview/brand/article/article.module.scss
index da98846..e28c2e9 100644
--- a/src/pages/preview/brand/article/article.module.scss
+++ b/src/pages/preview/brand/article/article.module.scss
@@ -1,5 +1,7 @@
.fixedBox{
- position: absolute;
+ position: fixed;
+ z-index: 1000;
+ top:0;
width: 100vw;
height: 100vh;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
diff --git a/src/pages/preview/brand/article/article.tsx b/src/pages/preview/brand/article/article.tsx
index 1d8a1b0..b0c348e 100644
--- a/src/pages/preview/brand/article/article.tsx
+++ b/src/pages/preview/brand/article/article.tsx
@@ -27,7 +27,7 @@ const article:FC = () => {
const html = articleInfo?.content;
return (
<>
-
+
{
!token &&
diff --git a/src/pages/preview/illness/article/article.module.scss b/src/pages/preview/illness/article/article.module.scss
index da98846..e9d84a6 100644
--- a/src/pages/preview/illness/article/article.module.scss
+++ b/src/pages/preview/illness/article/article.module.scss
@@ -1,5 +1,6 @@
.fixedBox{
- position: absolute;
+ position: fixed;
+ top:0;
width: 100vw;
height: 100vh;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
diff --git a/src/pages/preview/illness/article/article.tsx b/src/pages/preview/illness/article/article.tsx
index b1d5468..882c6ed 100644
--- a/src/pages/preview/illness/article/article.tsx
+++ b/src/pages/preview/illness/article/article.tsx
@@ -28,7 +28,7 @@ const article:FC = () => {
const html = articleInfo?.content;
return (
<>
-
+
{
!token &&