From 1b16ed663ffe475490a644d1004873a8aae6bb90 Mon Sep 17 00:00:00 2001
From: "t3-code[bot]" <269035359+t3-code[bot]@users.noreply.github.com>
Date: Thu, 13 Aug 2026 15:08:28 -0400
Subject: [PATCH] fix(web): avoid Clerk close button overlap (#6442)

Co-authored-by: t3-code[bot] <236186684+t3-code[bot]@users.noreply.github.com>
Co-authored-by: Wout Stiens <71498452+StiensWout@users.noreply.github.com>
---
 apps/web/src/components/clerk/ClerkUserProfilePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/clerk/ClerkUserProfilePage.tsx b/apps/web/src/components/clerk/ClerkUserProfilePage.tsx
index 09021aaad51c12d0a99cd68966045e7dc98563ea..00f20e53fbe1adc9227f15771188130a31b8ed36 100644
--- a/apps/web/src/components/clerk/ClerkUserProfilePage.tsx
+++ b/apps/web/src/components/clerk/ClerkUserProfilePage.tsx
@@ -19,7 +19,7 @@ export function ClerkUserProfilePage({
 }) {
   return (
     <div className={cn("w-full min-w-0 text-foreground", className)}>
-      <header className="flex flex-col gap-3 pb-4 sm:flex-row sm:items-start sm:justify-between sm:gap-4">
+      <header className="flex flex-col gap-3 pb-4 sm:flex-row sm:items-start sm:justify-between sm:gap-4 sm:pr-8">
         <div className="min-w-0">
           <h2 className="text-[1.0625rem] leading-6 font-semibold">{title}</h2>
           {description ? (
-- 
2.54.0