diff --git a/.changeset/fresh-lamps-serve.md b/.changeset/fresh-lamps-serve.md
new file mode 100644
index 00000000000..93973bbbaec
--- /dev/null
+++ b/.changeset/fresh-lamps-serve.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fixes incorrect heading spacing within PlanDetails drawer header
diff --git a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
index d2393f6af18..d5bac9f7ffb 100644
--- a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
+++ b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
@@ -382,7 +382,7 @@ const Header = React.forwardRef<HTMLDivElement, HeaderProps>((props, ref) => {
       ) : null}
       <Box
         sx={t => ({
-          paddingBlockEnd: t.space.$10,
+          paddingInlineEnd: t.space.$10,
         })}
       >
         <Flex