From 2c8e4e732c1d8857db2f803d49d24374ba29a949 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Mon, 22 Dec 2025 13:34:21 +0530
Subject: [PATCH] fix: alert aligment issue in max file size card

---
 .../settings/updateMaxFileSize.svelte         | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte
index 6e8b681dc..f0b24c060 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte
@@ -46,15 +46,12 @@
         <svelte:fragment slot="aside">
             {#if isCloud}
                 {@const size = humanFileSize(sizeToBytes(service, 'MB', 1000))}
-                <Alert.Inline status="info">
-                    The {currentPlan.name} plan has a maximum upload file size limit of {Math.floor(
-                        parseInt(size.value)
-                    )}{size.unit}.
-                    {#if $organization?.billingPlan === BillingPlan.FREE}
-                        Upgrade to allow files of a larger size.
-                    {/if}
-                    <svelte:fragment slot="actions">
-                        {#if $organization?.billingPlan === BillingPlan.FREE}
+                {#if $organization?.billingPlan === BillingPlan.FREE}
+                    <Alert.Inline status="info">
+                        The {currentPlan.name} plan has a maximum upload file size limit of {Math.floor(
+                            parseInt(size.value)
+                        )}{size.unit}. Upgrade to allow files of a larger size.
+                        <svelte:fragment slot="actions">
                             <div class="alert-buttons u-flex">
                                 <Button
                                     text
@@ -65,10 +62,17 @@
                                         });
                                     }}>Upgrade plan</Button>
                             </div>
-                        {/if}
-                    </svelte:fragment>
-                </Alert.Inline>
+                        </svelte:fragment>
+                    </Alert.Inline>
+                {:else}
+                    <Alert.Inline status="info">
+                        The {currentPlan.name} plan has a maximum upload file size limit of {Math.floor(
+                            parseInt(size.value)
+                        )}{size.unit}.
+                    </Alert.Inline>
+                {/if}
             {/if}
+
             <InputNumber
                 required
                 id="size"