diff --git a/packages/index-blank-placeholder/src/index-blank-placeholder.scss b/packages/index-blank-placeholder/src/index-blank-placeholder.scss
index c6f5f64356ec64cf486b9e6af20ef12fd3138d27..fde1f627066e50065096a9aaca0c0ac0ad5ee265 100644
--- a/packages/index-blank-placeholder/src/index-blank-placeholder.scss
+++ b/packages/index-blank-placeholder/src/index-blank-placeholder.scss
@@ -1,10 +1,8 @@
 @include b(studio-index-blank-placeholder) {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
+  width: calc(100% - 48px);
   height: 100%;
-  padding: 24px;
+  margin: 0 24px;
+  overflow-x: auto;
 
   @include e(font-neon) {
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
@@ -16,12 +14,13 @@
     display: flex;
     flex-direction: column;
     width: 70%;
+    min-width: 680px;
     height: 100%;
+    margin: 0 auto;
   }
 
   @include e(header) {
     flex-shrink: 0;
-    margin: 0 auto;
     margin-bottom: 50px;
     text-align: center;
 
@@ -52,13 +51,10 @@
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      font-size: 24px;
       color: #dfdfd6;
       cursor: pointer;
 
       img {
-        width: 80px;
-        height: 80px;
         margin: 0 auto;
       }
 
@@ -123,7 +119,7 @@
         left: 0;
         width: 10px;
         height: 10px;
-        content: "";
+        content: '';
         background-color: #2c8ff3;
         border-radius: 50%;
       }
@@ -139,3 +135,25 @@
     color: #98989f;
   }
 }
+
+@media (width >= 500px) {
+  .#{bem(studio-index-blank-placeholder, tabs, item)} {
+    font-size: 20px;
+
+    img {
+      max-width: 80px;
+      max-height: 80px;
+    }
+  }
+}
+
+@media (width >= 1400px) {
+  .#{bem(studio-index-blank-placeholder, tabs, item)} {
+    font-size: 24px;
+
+    img {
+      max-width: 100%;
+      max-height: 100%;
+    }
+  }
+}