From ce642f17d954bac2f1161f899f1fc85353d05d1b Mon Sep 17 00:00:00 2001
From: Tristan Zhang <tristanzhang32@gmail.com>
Date: Thu, 9 Oct 2025 13:20:40 +0800
Subject: [PATCH] fix: layout for antrophic api tips (#10579)

* fix: layout for antrophic api tips

* lint
---
 .../pages/settings/ProviderSettings/ProviderSetting.tsx    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx b/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
index 208716edd9..e5d86bd5ac 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
@@ -467,14 +467,13 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
                       onBlur={onUpdateAnthropicHost}
                     />
                   </Space.Compact>
-                  <SettingHelpTextRow style={{ justifyContent: 'space-between' }}>
-                    <SettingHelpText
-                      style={{ marginLeft: 6, marginRight: '1em', whiteSpace: 'break-spaces', wordBreak: 'break-all' }}>
+                  <SettingHelpTextRow style={{ flexDirection: 'column', alignItems: 'flex-start', gap: '4px' }}>
+                    <SettingHelpText style={{ marginLeft: 6, whiteSpace: 'break-spaces', wordBreak: 'break-all' }}>
                       {t('settings.provider.anthropic_api_host_preview', {
                         url: anthropicHostPreview || '—'
                       })}
                     </SettingHelpText>
-                    <SettingHelpText style={{ minWidth: 'fit-content', whiteSpace: 'normal' }}>
+                    <SettingHelpText style={{ marginLeft: 6 }}>
                       {t('settings.provider.anthropic_api_host_tip')}
                     </SettingHelpText>
                   </SettingHelpTextRow>