diff --git a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
index bb977ba8..3a26395e 100644
--- a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
+++ b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
@@ -256,7 +256,7 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
                 }`}
                 onClick={() => handleSelectRule(rule)}
               >
-                <CardHeader className="px-3 py-3">
+                <CardHeader className="px-3 py-2">
                   <div className="flex items-start justify-between">
                     <div className="flex-1">
                       <CardTitle className="text-sm font-medium">{rule.ruleName}</CardTitle>
@@ -274,7 +274,7 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
                     </Button>
                   </div>
                 </CardHeader>
-                <CardContent className="px-3 py-3 pt-0">
+                <CardContent className="px-3 pb-2 pt-0">
                   <NumberingRulePreview config={rule} compact />
                 </CardContent>
               </Card>