diff --git a/frontend/app/block/block.less b/frontend/app/block/block.less
index ee6e6fb1..e67c5348 100644
--- a/frontend/app/block/block.less
+++ b/frontend/app/block/block.less
@@ -257,6 +257,14 @@
                 flex-grow: 1;
                 border-bottom-left-radius: var(--block-border-radius);
                 border-bottom-right-radius: var(--block-border-radius);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                i {
+                    opacity: 0.7;
+                    font-size: 45px;
+                }
             }
         }
 
diff --git a/frontend/app/block/block.tsx b/frontend/app/block/block.tsx
index b5e93177..f8dc0812 100644
--- a/frontend/app/block/block.tsx
+++ b/frontend/app/block/block.tsx
@@ -392,6 +392,7 @@ const BlockFrame_Default_Component = ({
             innerStyle.backgroundBlendMode = customBg["bg:blendmode"];
         }
     }
+    const previewElem = <div className="block-frame-preview">{viewIconElem}</div>;
     return (
         <div
             className={clsx(
@@ -434,7 +435,7 @@ const BlockFrame_Default_Component = ({
                     <div className="block-frame-textelems-wrapper">{headerTextElems}</div>
                     <div className="block-frame-end-icons">{endIconsElem}</div>
                 </div>
-                {preview ? <div className="block-frame-preview" /> : children}
+                {preview ? previewElem : children}
             </div>
         </div>
     );