From d7491ba93a21b638717e4fbd4317931eb8c0400c Mon Sep 17 00:00:00 2001
From: sharath <29162020+tnfssc@users.noreply.github.com>
Date: Sat, 28 Jun 2025 17:35:05 +0000
Subject: [PATCH] fix(billing): adjust button layout and icon alignment for
 better UI consistency

---
 frontend/src/components/billing/account-billing-status.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/billing/account-billing-status.tsx b/frontend/src/components/billing/account-billing-status.tsx
index 8800f203..4c20134a 100644
--- a/frontend/src/components/billing/account-billing-status.tsx
+++ b/frontend/src/components/billing/account-billing-status.tsx
@@ -132,10 +132,10 @@ export default function AccountBillingStatus({ accountId, returnUrl }: Props) {
           <div className='flex justify-center items-center gap-4'>
             <Button
               variant="outline"
-              className="border-border hover:bg-muted/50 shadow-sm hover:shadow-md transition-all whitespace-nowrap"
+              className="border-border hover:bg-muted/50 shadow-sm hover:shadow-md transition-all whitespace-nowrap flex items-center"
             >
               <Link href="/model-pricing">
-                View Compute Pricing <OpenInNewWindowIcon className='w-4 h-4' />
+                View Compute Pricing <OpenInNewWindowIcon className='w-4 h-4 inline ml-2' />
               </Link>
             </Button>
             <Button