From da27422edcc73ba89a65356dc4c182901f9dc8af Mon Sep 17 00:00:00 2001
From: jonambas <jon@jonambas.com>
Date: Fri, 3 Nov 2023 21:47:13 -0400
Subject: [PATCH] fix(react): fix Select z-index, adjust Button font size

---
 .changeset/soft-hotels-bake.md       | 5 +++++
 packages/react/src/button/Button.tsx | 2 +-
 packages/react/src/select/Select.tsx | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/soft-hotels-bake.md

diff --git a/.changeset/soft-hotels-bake.md b/.changeset/soft-hotels-bake.md
new file mode 100644
index 0000000..81abfa0
--- /dev/null
+++ b/.changeset/soft-hotels-bake.md
@@ -0,0 +1,5 @@
+---
+'@sweatpants/react': patch
+---
+
+Fix Select content zindex, adjust sm Button font size
diff --git a/packages/react/src/button/Button.tsx b/packages/react/src/button/Button.tsx
index 71cee39..0ac7982 100644
--- a/packages/react/src/button/Button.tsx
+++ b/packages/react/src/button/Button.tsx
@@ -51,7 +51,7 @@ const styles = cva({
         lineHeight: 'calc(2.5rem - 2px)'
       },
       md: { fontSize: '4', paddingX: '4', lineHeight: 'calc(2rem - 2px)' },
-      sm: { fontSize: '2', paddingX: '4', lineHeight: 'calc(1.75rem - 2px)' },
+      sm: { fontSize: '3', paddingX: '4', lineHeight: 'calc(1.75rem - 2px)' },
       xs: { fontSize: '2', paddingX: '3', lineHeight: 'calc(1.25rem - 2px)' }
     },
     disabled: {
diff --git a/packages/react/src/select/Select.tsx b/packages/react/src/select/Select.tsx
index 73bb6ca..3eb37cf 100644
--- a/packages/react/src/select/Select.tsx
+++ b/packages/react/src/select/Select.tsx
@@ -162,7 +162,7 @@ const Select = forwardRef<HTMLButtonElement, SelectProps>((props, userRef) => {
         </RadixSelect.Trigger>
         <RadixSelect.Portal>
           <RadixSelect.Content
-            className={css({ position: 'relative', zIndex: '2' })}
+            className={css({ position: 'relative', zIndex: '20' })}
           >
             <RadixSelect.Viewport asChild>
               <Card kind="elevated" space="tight">