diff --git a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
index 63e87d23..2b7e6236 100644
--- a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
+++ b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
@@ -322,14 +322,9 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
               />
             </div>
 
-            <Card className="border-border bg-card">
-              <CardHeader className="pb-3">
-                <CardTitle className="text-sm font-medium">미리보기</CardTitle>
-              </CardHeader>
-              <CardContent>
-                <NumberingRulePreview config={currentRule} />
-              </CardContent>
-            </Card>
+            <div className="space-y-2">
+              <NumberingRulePreview config={currentRule} />
+            </div>
 
             <div className="flex-1 overflow-y-auto">
               <div className="mb-3 flex items-center justify-between">
diff --git a/frontend/components/numbering-rule/NumberingRulePreview.tsx b/frontend/components/numbering-rule/NumberingRulePreview.tsx
index e29cd4f4..63e39e04 100644
--- a/frontend/components/numbering-rule/NumberingRulePreview.tsx
+++ b/frontend/components/numbering-rule/NumberingRulePreview.tsx
@@ -81,11 +81,8 @@ export const NumberingRulePreview: React.FC<NumberingRulePreviewProps> = ({
   }
 
   return (
-    <div className="space-y-2">
-      <p className="text-xs text-muted-foreground sm:text-sm">코드 미리보기</p>
-      <div className="rounded-md bg-muted p-3 sm:p-4">
-        <code className="text-sm font-mono text-foreground sm:text-base">{generatedCode}</code>
-      </div>
+    <div className="rounded-md bg-muted px-3 py-2">
+      <code className="text-sm font-mono text-foreground">{generatedCode}</code>
     </div>
   );
 };