diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-exhausted-alert.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-exhausted-alert.tsx
index e642df09ed..d7a414c8b2 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-exhausted-alert.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-exhausted-alert.tsx
@@ -24,7 +24,7 @@ export default function CreditsExhaustedAlert({ hasApiKeyFallback }: CreditsExha
   const usagePercent = totalCredits > 0 ? Math.min((usedCredits / totalCredits) * 100, 100) : 100
 
   return (
-    <div className="mx-1 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
+    <div className="mx-2 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
       <div className="flex flex-col gap-1">
         <div className="text-text-primary system-sm-medium">
           {t(titleKey, { ns: 'common' })}
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-fallback-alert.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-fallback-alert.tsx
index 09aded46b4..bc7feb3397 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-fallback-alert.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-fallback-alert.tsx
@@ -12,7 +12,7 @@ export default function CreditsFallbackAlert({ hasCredentials }: CreditsFallback
     : 'modelProvider.card.noApiKeysFallback'
 
   return (
-    <div className="mx-1 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
+    <div className="mx-2 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
       <div className="flex flex-col gap-1">
         <div className="text-text-primary system-sm-medium">
           {t(titleKey, { ns: 'common' })}