diff --git a/src/sites/doc/components/demo-preview/demo-preview.scss b/src/sites/doc/components/demo-preview/demo-preview.scss
index b6533c600f999d05c511866dca420cd550b005d7..115bfb31be4c2300497880ef417af8cdffcdd20e 100644
--- a/src/sites/doc/components/demo-preview/demo-preview.scss
+++ b/src/sites/doc/components/demo-preview/demo-preview.scss
@@ -1,15 +1,21 @@
 .doc {
   &-demo-preview {
     height: 667px;
+    // height: 637px;
     width: 375px;
     position: absolute;
     right: 30px;
     top: 240px;
-    -webkit-box-shadow: #ebedf0 0 4px 12px;
+    // top: 135px;
     box-shadow: #ebedf0 0 4px 12px;
     border-radius: 12px;
     overflow: hidden;
+    &.fixed {
+      position: fixed;
+      top: 120px;
+    }
     iframe {
+      // height: calc(100% - 40px);
       height: 100%;
       width: 100%;
     }