diff --git a/apps/web/src/app/(dashboard)/settings/webhooks/page.tsx b/apps/web/src/app/(dashboard)/settings/webhooks/page.tsx
index d0532c065..d36de6726 100644
--- a/apps/web/src/app/(dashboard)/settings/webhooks/page.tsx
+++ b/apps/web/src/app/(dashboard)/settings/webhooks/page.tsx
@@ -65,7 +65,7 @@ export default function WebhookPage() {
                   )}
                 </div>
               </div>
-              <div className="flex flex-col-reverse space-y-2 space-y-reverse sm:flex-row sm:justify-end sm:space-x-2 sm:space-y-0">
+              <div className="mt-6 flex flex-col-reverse space-y-2 space-y-reverse sm:mt-0 sm:flex-row sm:justify-end sm:space-x-2 sm:space-y-0">
                 <Button asChild variant="outline">
                   <Link href={`/settings/webhooks/${webhook.id}`}>Edit</Link>
                 </Button>
diff --git a/apps/web/src/components/(dashboard)/settings/webhooks/create-webhook-dialog.tsx b/apps/web/src/components/(dashboard)/settings/webhooks/create-webhook-dialog.tsx
index 2d4dc733e..c32493c4f 100644
--- a/apps/web/src/components/(dashboard)/settings/webhooks/create-webhook-dialog.tsx
+++ b/apps/web/src/components/(dashboard)/settings/webhooks/create-webhook-dialog.tsx
@@ -92,7 +92,7 @@ export const CreateWebhookDialog = ({ trigger, ...props }: CreateWebhookDialogPr
         {trigger ?? <Button className="flex-shrink-0">Create Webhook</Button>}
       </DialogTrigger>
 
-      <DialogContent>
+      <DialogContent position="center">
         <DialogHeader>
           <DialogTitle>Create webhook</DialogTitle>
           <DialogDescription>On this page, you can create a new webhook.</DialogDescription>