From a72cb9b50865a811b9d98090f77a65138388573e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 19 Jun 2023 01:05:01 -0700
Subject: [PATCH] Allow styling of Select modal with className prop

---
 components/common/Select/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/common/Select/index.tsx b/components/common/Select/index.tsx
index b36d3503..74928edd 100644
--- a/components/common/Select/index.tsx
+++ b/components/common/Select/index.tsx
@@ -93,7 +93,7 @@ const Select = React.forwardRef<HTMLButtonElement, Props>(function Select(
         )}
       </RadixSelect.Trigger>
 
-      <RadixSelect.Portal className="Select">
+      <RadixSelect.Portal className="SelectPortal">
         <>
           <Overlay
             open={open}
@@ -101,7 +101,7 @@ const Select = React.forwardRef<HTMLButtonElement, Props>(function Select(
           />
 
           <RadixSelect.Content
-            className="Select"
+            className={classNames({ Select: true }, props.className)}
             position="popper"
             sideOffset={6}
             onCloseAutoFocus={onCloseAutoFocus}