fix(react): fix Select z-index, adjust Button font size

jonambas · Nov 4, 2023 · da27422 · da27422
1 parent ec22800
commit da27422
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/soft-hotels-bake.md 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
@@ -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
@@ -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">