diff --git a/frontend/src/pages/S2AConfig.tsx b/frontend/src/pages/S2AConfig.tsx
index 2be7265..38efe5f 100644
--- a/frontend/src/pages/S2AConfig.tsx
+++ b/frontend/src/pages/S2AConfig.tsx
@@ -268,20 +268,24 @@ export default function S2AConfig() {
                                 <span className="text-sm text-slate-400">未设置分组</span>
                             )}
                         </div>
-                        <div className="flex gap-2 mt-2">
-                            <Input
-                                placeholder="输入分组 ID"
-                                type="number"
-                                min={1}
-                                value={newGroupId}
-                                onChange={(e) => setNewGroupId(e.target.value)}
-                                onKeyDown={(e) => e.key === 'Enter' && handleAddGroupId()}
-                            />
+                        <div className="flex gap-3 mt-2 items-stretch">
+                            <div className="flex-1 max-w-xs">
+                                <Input
+                                    placeholder="输入分组 ID"
+                                    type="number"
+                                    min={1}
+                                    value={newGroupId}
+                                    onChange={(e) => setNewGroupId(e.target.value)}
+                                    onKeyDown={(e) => e.key === 'Enter' && handleAddGroupId()}
+                                    className="h-10"
+                                />
+                            </div>
                             <Button
                                 variant="outline"
                                 onClick={handleAddGroupId}
                                 disabled={!newGroupId}
                                 icon={<Plus className="h-4 w-4" />}
+                                className="h-10 min-w-[100px] px-4"
                             >
                                 添加
                             </Button>