diff --git a/src/renderer/App.css b/src/renderer/App.css
index 207f934..754328f 100644
--- a/src/renderer/App.css
+++ b/src/renderer/App.css
@@ -55,6 +55,30 @@
   overflow: hidden !important;
 }
 
+/* Model Service Tabs 内容区域滚动 - 仅滚动时显示滚动条 */
+.model-service-tabs .ant-tabs-content-holder {
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
+
+.model-service-tabs .ant-tabs-content-holder::-webkit-scrollbar {
+  width: 6px;
+}
+
+.model-service-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 3px;
+}
+
+.model-service-tabs .ant-tabs-content-holder:hover::-webkit-scrollbar-thumb,
+.model-service-tabs .ant-tabs-content-holder:active::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.model-service-tabs .ant-tabs-content-holder::-webkit-scrollbar-track {
+  background: transparent;
+}
+
 /* Markdown 预览面板滚动 */
 .ant-splitter-panel:last-child {
   overflow: auto !important;
diff --git a/src/renderer/components/ModelService.tsx b/src/renderer/components/ModelService.tsx
index cba1197..5733481 100644
--- a/src/renderer/components/ModelService.tsx
+++ b/src/renderer/components/ModelService.tsx
@@ -159,6 +159,7 @@ const ModelService: React.FC = () => {
         onChange={setActiveKey}
         tabPosition="left"
         items={items}
+        className="model-service-tabs"
       />
     </ConfigProvider>
   );
diff --git a/src/renderer/components/Provider.tsx b/src/renderer/components/Provider.tsx
index 5c95724..4e1ed98 100644
--- a/src/renderer/components/Provider.tsx
+++ b/src/renderer/components/Provider.tsx
@@ -421,24 +421,22 @@ const Provider: React.FC<ProviderProps> = ({
         )}
       />
 
-      <div style={{ display: "flex", justifyContent: "space-between" }}>
-        <Space>
-          <Typography.Text>{t('model_config.name_label')}</Typography.Text>
-          <Input
-            placeholder={t('model_config.name_placeholder')}
-            style={{ width: "290px" }}
-            value={newModelName}
-            onChange={(e) => setNewModelName(e.target.value)}
-          />
-          <Typography.Text>{t('model_config.id_label')}</Typography.Text>
-          <Input
-            placeholder={t('model_config.id_placeholder')}
-            style={{ width: "290px" }}
-            value={newModelId}
-            onChange={(e) => setNewModelId(e.target.value)}
-          />
-        </Space>
-        <Button type="primary" icon={<PlusOutlined />} onClick={addModel}>
+      <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+        <Typography.Text style={{ whiteSpace: "nowrap", flexShrink: 0 }}>{t('model_config.name_label')}</Typography.Text>
+        <Input
+          placeholder={t('model_config.name_placeholder')}
+          style={{ flex: 1, minWidth: 0 }}
+          value={newModelName}
+          onChange={(e) => setNewModelName(e.target.value)}
+        />
+        <Typography.Text style={{ whiteSpace: "nowrap", flexShrink: 0 }}>{t('model_config.id_label')}</Typography.Text>
+        <Input
+          placeholder={t('model_config.id_placeholder')}
+          style={{ flex: 1, minWidth: 0 }}
+          value={newModelId}
+          onChange={(e) => setNewModelId(e.target.value)}
+        />
+        <Button type="primary" icon={<PlusOutlined />} onClick={addModel} style={{ whiteSpace: "nowrap", flexShrink: 0 }}>
           {t('model_config.add_button')}
         </Button>
       </div>