chore: update the upgrade button

web/app/components/base/premium-badge/index.css

@@ -2,7 +2,7 @@
 
 @layer components {
   .premium-badge {
-    @apply inline-flex justify-center items-center rounded-full border border-white/95 text-white
+    @apply inline-flex justify-center items-center rounded-full border box-border border-[rgba(255,255,255,0.8)] text-white
   }
 
   /* m is for the regular button */

web/app/components/header/index.tsx

@@ -94,7 +94,11 @@ const Header = () => {
             <div className='select-none'>
               <PremiumBadge color='blue' allowHover={true} onClick={handlePlanClick}>
                 <SparklesSoft className='flex items-center py-[1px] pl-[3px] w-3.5 h-3.5 text-components-premium-badge-indigo-text-stop-0' />
-                <div className='system-xs-medium !px-1'>Upgrade</div>
+                <div className='system-xs-medium'>
+                  <span className='p-1'>
+                    Upgrade
+                  </span>
+                </div>
               </PremiumBadge>
             </div>
           )}