diff --git a/src/lib/components/billing/gradientBanner.svelte b/src/lib/components/billing/gradientBanner.svelte index 3d3698dd7..09b49009c 100644 --- a/src/lib/components/billing/gradientBanner.svelte +++ b/src/lib/components/billing/gradientBanner.svelte @@ -91,7 +91,7 @@ top: 0; width: 100%; height: 100%; - padding-left: 30vw; + padding-left: 25vw; position: absolute; @media (max-width: 768px) { @@ -101,9 +101,11 @@ } } - @media (max-width: 768px) { - :global(.top-banner-button.position) { + :global(.top-banner-button.position) { + z-index: 1; + @media (max-width: 768px) { position: absolute; + padding-block-start: 1rem; padding-block-end: 3.7625rem; } } diff --git a/src/routes/(console)/organization-[organization]/enterpriseTrial.svelte b/src/routes/(console)/organization-[organization]/enterpriseTrial.svelte index dff0c9f84..e63e0348c 100644 --- a/src/routes/(console)/organization-[organization]/enterpriseTrial.svelte +++ b/src/routes/(console)/organization-[organization]/enterpriseTrial.svelte @@ -23,13 +23,14 @@ {#if $organization?.$id && remainingDays > 0 && !hideBillingHeaderRoutes.includes(page.url.pathname) && show} {/if} @@ -54,6 +55,7 @@ > :global(:last-child) { grid-column: 3; justify-self: end; + margin-inline-end: 4px; } @media (max-width: 768px) {