diff --git a/.changeset/quick-eyes-walk.md b/.changeset/quick-eyes-walk.md
new file mode 100644
index 0000000..fa71b89
--- /dev/null
+++ b/.changeset/quick-eyes-walk.md
@@ -0,0 +1,5 @@
+---
+'@sweatpants/react': patch
+---
+
+Increase drawer z-index
diff --git a/package-lock.json b/package-lock.json
index 5462f42..de349b3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1191,6 +1191,18 @@
         "sisteransi": "^1.0.5"
       }
     },
+    "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "extraneous": true,
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@emmetio/abbreviation": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.3.3.tgz",
diff --git a/packages/react/src/drawer/Drawer.tsx b/packages/react/src/drawer/Drawer.tsx
index c28e724..4bdf89e 100644
--- a/packages/react/src/drawer/Drawer.tsx
+++ b/packages/react/src/drawer/Drawer.tsx
@@ -25,14 +25,14 @@ export type DrawerProps = ComponentPropsWithRef<'div'> &
 
 const overlay = css({
   position: 'fixed',
-  zIndex: '2',
+  zIndex: '10',
   inset: 0,
   background: '#b9bbc650' // gray8
 });
 
 const content = css({
   position: 'fixed',
-  zIndex: '2',
+  zIndex: '11',
   insetY: '0',
   right: '0',
   background: 'baseBg',