padding changes

Author: MananTank

packages/thirdweb/src/react/web/ui/Bridge/DirectPayment.tsx

@@ -190,7 +190,7 @@ export function DirectPayment({
             <PoweredByThirdweb />
           </div>
         ) : null}
-        <Spacer y="lg" />
+        <Spacer y="md" />
       </Container>
     </WithHeader>
   );

packages/thirdweb/src/react/web/ui/Bridge/ErrorBanner.tsx

@@ -51,7 +51,7 @@ export function ErrorBanner({
   });
 
   return (
-    <Container flex="column" fullHeight gap="md" p="lg">
+    <Container flex="column" fullHeight gap="md" p="md">
       {/* Error Icon and Message */}
       <Container flex="row" gap="md" style={{ alignItems: "flex-start" }}>
         <Container

packages/thirdweb/src/react/web/ui/Bridge/FundWallet.tsx

@@ -362,7 +362,7 @@ export function FundWallet({
           <PoweredByThirdweb />
         </div>
       ) : null}
-      <Spacer y="lg" />
+      <Spacer y="md" />
     </WithHeader>
   );
 }

packages/thirdweb/src/react/web/ui/Bridge/StepRunner.tsx

@@ -247,7 +247,7 @@ export function StepRunner({
   };
 
   return (
-    <Container flex="column" fullHeight p="lg">
+    <Container flex="column" fullHeight p="md">
       <ModalHeader onBack={onBack} title="Processing Payment" />
 
       <Spacer y="xl" />

packages/thirdweb/src/react/web/ui/Bridge/TransactionPayment.tsx

@@ -431,7 +431,7 @@ export function TransactionPayment({
           <PoweredByThirdweb />
         </div>
       ) : null}
-      <Spacer y="lg" />
+      <Spacer y="md" />
     </WithHeader>
   );
 }

packages/thirdweb/src/react/web/ui/Bridge/common/WithHeader.tsx

@@ -39,8 +39,8 @@ export function WithHeader({
         />
       )}
 
-      <Container flex="column" px="lg">
-        <Spacer y="lg" />
+      <Container flex="column" px="md">
+        <Spacer y="md" />
 
         {(showTitle || uiOptions.metadata?.description) && (
           <>
@@ -54,14 +54,14 @@ export function WithHeader({
             {/* Description */}
             {uiOptions.metadata?.description && (
               <>
-                <Spacer y="xs" />
-                <Text color="secondaryText" size="sm">
+                <Spacer y="xxs" />
+                <Text color="secondaryText" size="sm" multiline>
                   {uiOptions.metadata?.description}
                 </Text>
               </>
             )}
 
-            <Spacer y="lg" />
+            <Spacer y="md" />
           </>
         )}
 

packages/thirdweb/src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx

@@ -223,7 +223,7 @@ export function PaymentDetails({
   const displayData = getDisplayData();
 
   return (
-    <Container flex="column" fullHeight p="lg">
+    <Container flex="column" fullHeight p="md">
       <ModalHeader onBack={onBack} title="Payment Details" />
 
       <Spacer y="xl" />

packages/thirdweb/src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx

@@ -268,7 +268,7 @@ export function PaymentSelection({
   }
 
   return (
-    <Container flex="column" p="lg">
+    <Container flex="column" p="md">
       <ModalHeader onBack={getBackHandler()} title={getStepTitle()} />
 
       <Spacer y="xl" />

packages/thirdweb/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx

@@ -91,7 +91,7 @@ export function SuccessScreen({
   }
 
   return (
-    <Container flex="column" fullHeight p="lg">
+    <Container flex="column" fullHeight p="md">
       <ModalHeader title="Payment Complete" />
 
       <Spacer y="xl" />
@@ -121,7 +121,7 @@ export function SuccessScreen({
           />
         </Container>
 
-        <Text center color="primaryText" size="xl">
+        <Text center color="primaryText" size="xl" weight={600} trackingTight>
           Payment Successful!
         </Text>
 

packages/thirdweb/src/react/web/ui/Bridge/swap-widget/swap-ui.tsx

@@ -685,7 +685,6 @@ function SelectedTokenButton(props: {
             client={props.client}
             width={iconSize.sm}
             height={iconSize.sm}
-            skeletonColor="modalBg"
             style={{
               borderRadius: radius.full,
             }}