diff --git a/packages/oauth/oauth-provider/src/assets/app/components/forms/form-card.tsx b/packages/oauth/oauth-provider/src/assets/app/components/forms/form-card.tsx
index d5da4852c25..6ef610507dd 100644
--- a/packages/oauth/oauth-provider/src/assets/app/components/forms/form-card.tsx
+++ b/packages/oauth/oauth-provider/src/assets/app/components/forms/form-card.tsx
@@ -25,7 +25,7 @@ export function FormCard({
   ...props
 }: FormCardProps) {
   return (
-    <form {...props} inert={inert} className="flex flex-col space-y-4 py-4">
+    <form {...props} inert={inert} className="flex flex-col space-y-4">
       {prepend && <div key="prepend">{prepend}</div>}
 
       <div key="children" className="space-y-4">
diff --git a/packages/oauth/oauth-provider/src/assets/app/components/forms/wizard-card.tsx b/packages/oauth/oauth-provider/src/assets/app/components/forms/wizard-card.tsx
index 43cee74b7f5..3ed6727ca72 100644
--- a/packages/oauth/oauth-provider/src/assets/app/components/forms/wizard-card.tsx
+++ b/packages/oauth/oauth-provider/src/assets/app/components/forms/wizard-card.tsx
@@ -102,7 +102,7 @@ export function WizardCard<TDone extends DoneFn>({
 
   return (
     <div className={clsx(className, 'flex flex-col')} {...props}>
-      <p className="mt-4 text-slate-500 dark:text-slate-400">
+      <p className="text-slate-500 dark:text-slate-400">
         <Trans>
           Step {currentPosition} of {count}
         </Trans>
diff --git a/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-title-page.tsx b/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-title-page.tsx
index a4f5191d1d6..f612cc26523 100644
--- a/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-title-page.tsx
+++ b/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-title-page.tsx
@@ -71,7 +71,7 @@ export function LayoutTitlePage({
         <LocaleSelector key="localeSelector" className="m-1 md:m-2" />
       </div>
 
-      <main className="w-full px-6 md:max-w-3xl md:px-12">{children}</main>
+      <main className="w-full p-6 md:max-w-3xl md:px-12">{children}</main>
     </div>
   )
 }
diff --git a/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-welcome.tsx b/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-welcome.tsx
index 942895820e4..c8fde45d363 100644
--- a/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-welcome.tsx
+++ b/packages/oauth/oauth-provider/src/assets/app/components/layouts/layout-welcome.tsx
@@ -35,7 +35,7 @@ export function LayoutWelcome({
     >
       {title && <title>{title}</title>}
 
-      <main className="w-full overflow-hidden flex-grow flex flex-col items-center justify-center">
+      <main className="w-full overflow-hidden flex-grow flex flex-col items-center justify-center p-6">
         {logo && (
           <img
             src={logo}
@@ -54,7 +54,7 @@ export function LayoutWelcome({
         {children}
       </main>
 
-      <nav className="w-full overflow-hidden mt-4 border-t border-t-slate-200 dark:border-t-slate-700 flex flex-wrap justify-center content-center">
+      <nav className="w-full overflow-hidden border-t border-t-slate-200 dark:border-t-slate-700 flex flex-wrap justify-center content-center">
         {links?.map((link, i) => (
           <a
             role="link"