diff --git a/.changeset/rude-friends-create.md b/.changeset/rude-friends-create.md
new file mode 100644
index 00000000000..c87f84c0114
--- /dev/null
+++ b/.changeset/rude-friends-create.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix mobile `<Drawer />` sizing.
diff --git a/packages/clerk-js/src/ui/elements/Drawer.tsx b/packages/clerk-js/src/ui/elements/Drawer.tsx
index c1934fc1b0c..b2b7b98c2f3 100644
--- a/packages/clerk-js/src/ui/elements/Drawer.tsx
+++ b/packages/clerk-js/src/ui/elements/Drawer.tsx
@@ -92,6 +92,7 @@ function Root({
     onOpenChange,
     transform: false,
     strategy,
+    placement: 'right',
     ...floatingProps,
   });
 
@@ -223,7 +224,8 @@ const Content = React.forwardRef<HTMLDivElement, ContentProps>(({ children }, re
         style={{
           position: strategy,
           insetBlock: 0,
-          insetInlineEnd: 0,
+          insetInline: 0,
+          pointerEvents: 'none',
         }}
       >
         <Flex
@@ -241,17 +243,19 @@ const Content = React.forwardRef<HTMLDivElement, ContentProps>(({ children }, re
             insetInlineEnd: strategy === 'fixed' ? t.space.$3 : 0,
             outline: 0,
             width: t.sizes.$100,
+            maxWidth: strategy === 'fixed' ? `calc(100% - ${t.space.$6})` : '100%',
             backgroundColor: t.colors.$colorBackground,
-            borderStartStartRadius: t.radii.$xl,
-            borderEndStartRadius: t.radii.$xl,
-            borderEndEndRadius: strategy === 'fixed' ? t.radii.$xl : 0,
-            borderStartEndRadius: strategy === 'fixed' ? t.radii.$xl : 0,
+            borderStartStartRadius: t.radii.$lg,
+            borderEndStartRadius: t.radii.$lg,
+            borderEndEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,
+            borderStartEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,
             borderWidth: t.borderWidths.$normal,
             borderStyle: t.borderStyles.$solid,
             borderColor: t.colors.$neutralAlpha100,
             boxShadow: t.shadows.$cardBoxShadow,
             overflow: 'hidden',
             zIndex: t.zIndices.$modal,
+            pointerEvents: 'auto',
           })}
         >
           {children}
@@ -289,8 +293,8 @@ const Header = React.forwardRef<HTMLDivElement, HeaderProps>(({ title, children,
           borderBlockEndWidth: t.borderWidths.$normal,
           borderBlockEndStyle: t.borderStyles.$solid,
           borderBlockEndColor: t.colors.$neutralAlpha100,
-          borderStartStartRadius: t.radii.$xl,
-          borderStartEndRadius: t.radii.$xl,
+          borderStartStartRadius: t.radii.$lg,
+          borderStartEndRadius: t.radii.$lg,
           paddingBlock: title ? t.space.$3 : undefined,
           paddingInline: title ? t.space.$4 : undefined,
         }),