diff --git a/src/components/editor/components/EditorPreview.tsx b/src/components/editor/components/EditorPreview.tsx
index 47060ec..3ca2201 100644
--- a/src/components/editor/components/EditorPreview.tsx
+++ b/src/components/editor/components/EditorPreview.tsx
@@ -173,8 +173,10 @@ export function EditorPreview({
       key={stableKeyRef.current}
     >
       <div className="bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b flex items-center justify-between z-10 sticky top-0 left-0 right-0">
-        <div className="text-sm text-muted-foreground px-4 py-2">预览效果</div>
-        <div className="flex items-center gap-4 px-4 py-2">
+        <div className="flex items-center gap-4 px-2 py-1">
+          <span className="text-sm text-muted-foreground">预览效果</span>
+        </div>
+        <div className="flex items-center gap-4 px-4 py-1">
           <div className="flex items-center gap-2">
             <button
               onClick={handleZoomOut}