increase popup padding

Author: ChaosExAnima

components/DonateWidget.tsx

@@ -101,7 +101,7 @@ export function DonateWidget({
   }, [currency, currentAmount, frequency, onDonate])
 
   return (
-    <div className={classNames("p-4 dark:text-white", className)}>
+    <div className={classNames("dark:text-white", className)}>
       <p className="sh1">{donation_message}</p>
       <div className="flex text-center my-4">
         {frequencies.map((freq) => (

pages/donate/complete.tsx

@@ -14,7 +14,7 @@ export default function DonateCompletePage() {
   }
 
   return (
-    <div className="flex flex-col p-4 gap-2">
+    <div className="flex flex-col p-8 gap-2">
       <h1 className="sh1">
         <FormattedMessage
           id="donate.success.header"

pages/donate/index.tsx

@@ -35,9 +35,10 @@ export default function DonatePage({
   usePopupSizer()
 
   return (
-    <div className={classNames(theme, "bg-white dark:bg-black min-h-screen")}>
+    <div
+      className={classNames(theme, "bg-white dark:bg-black min-h-screen p-8")}
+    >
       <DonateWidget
-        className="max-w-[400px] mx-auto"
         defaultCurrency={default_currency}
         messages={{ donation_message, donation_button_text }}
         amounts={amounts}