diff --git a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
index 2b7e6236..fc6b883f 100644
--- a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
+++ b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
@@ -312,18 +312,20 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
               </Button>
             </div>
 
-            <div className="space-y-2">
-              <Label className="text-sm font-medium">규칙명</Label>
-              <Input
-                value={currentRule.ruleName}
-                onChange={(e) => setCurrentRule((prev) => ({ ...prev!, ruleName: e.target.value }))}
-                className="h-9"
-                placeholder="예: 프로젝트 코드"
-              />
-            </div>
-
-            <div className="space-y-2">
-              <NumberingRulePreview config={currentRule} />
+            <div className="flex items-center gap-3">
+              <div className="flex-1 space-y-2">
+                <Label className="text-sm font-medium">규칙명</Label>
+                <Input
+                  value={currentRule.ruleName}
+                  onChange={(e) => setCurrentRule((prev) => ({ ...prev!, ruleName: e.target.value }))}
+                  className="h-9"
+                  placeholder="예: 프로젝트 코드"
+                />
+              </div>
+              <div className="flex-1 space-y-2">
+                <Label className="text-sm font-medium">미리보기</Label>
+                <NumberingRulePreview config={currentRule} />
+              </div>
             </div>
 
             <div className="flex-1 overflow-y-auto">