fix(billing): adjust padding and margin for pricing plan item components

web/app/components/billing/pricing/plans/cloud-plan-item/index.tsx

@@ -104,7 +104,7 @@ const CloudPlanItem: FC<CloudPlanItemProps> = ({
           </div>
         </div>
         {/* Price */}
-        <div className='mb-8 mt-4 flex items-end gap-x-2'>
+        <div className='flex items-end gap-x-2 px-1 pb-8 pt-4'>
           {isFreePlan && (
             <span className='title-4xl-semi-bold text-text-primary'>{t('billing.plansCommon.free')}</span>
           )}

web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.tsx

@@ -12,7 +12,7 @@ const Item = ({
 }: ItemProps) => {
   return (
     <div className='flex items-center'>
-      <span className='system-sm-regular ml-2 mr-0.5 grow text-text-secondary'>{label}</span>
+      <span className='system-sm-regular grow text-text-secondary'>{label}</span>
       {tooltip && (
         <Tooltip
           content={tooltip}

web/app/components/billing/pricing/plans/self-hosted-plan-item/index.tsx

@@ -89,7 +89,7 @@ const SelfHostedPlanItem: FC<SelfHostedPlanItemProps> = ({
           </div>
         </div>
         {/* Price */}
-        <div className='mx-1 mb-8 mt-4 flex items-end gap-x-2'>
+        <div className='flex items-end gap-x-2 px-1 pb-8 pt-4'>
           <div className='title-4xl-semi-bold shrink-0 text-text-primary'>{t(`${i18nPrefix}.price`)}</div>
           {!isFreePlan && (
             <span className='system-md-regular pb-0.5 text-text-tertiary'>