address comments.

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;
         }
     }

src/routes/(console)/organization-[organization]/enterpriseTrial.svelte

@@ -23,13 +23,14 @@
 {#if $organization?.$id && remainingDays > 0 && !hideBillingHeaderRoutes.includes(page.url.pathname) && show}
     <GradientBanner variant="image" on:close={handleClose}>
         <div class="banner-fullwidth-grid">
-            <Typography.Text>
+            <Typography.Text color="--fgcolor-neutral-primary">
                 Your enterprise trial expires in <Badge
+                    size="xs"
                     variant="secondary"
                     content={remainingDays.toString()} /> days.
             </Typography.Text>
 
-            <Button secondary fullWidthMobile href={upgradeUrl}>Upgrade</Button>
+            <Button size="xs" secondary fullWidthMobile href={upgradeUrl}>Upgrade</Button>
         </div>
     </GradientBanner>
 {/if}
@@ -54,6 +55,7 @@
         > :global(:last-child) {
             grid-column: 3;
             justify-self: end;
+            margin-inline-end: 4px;
         }
 
         @media (max-width: 768px) {