From 741a0caef0885de0f38b06418b5d6581fcb30ec1 Mon Sep 17 00:00:00 2001
From: Stef Winterswijk <stef_winterswijk@hotmail.com>
Date: Tue, 5 Mar 2024 14:00:06 +0100
Subject: [PATCH] Update modal select fields

---
 .../ModuleContentsModal/steps/StepFour.tsx     | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/Modals/ModuleModals/ModuleContentsModal/steps/StepFour.tsx b/src/components/Modals/ModuleModals/ModuleContentsModal/steps/StepFour.tsx
index 260893e7..72c116d4 100644
--- a/src/components/Modals/ModuleModals/ModuleContentsModal/steps/StepFour.tsx
+++ b/src/components/Modals/ModuleModals/ModuleContentsModal/steps/StepFour.tsx
@@ -101,6 +101,15 @@ export const StepFour = ({ existingObject, setExistingObject }: StepProps) => {
                     setFieldValue('Object_UUID', null)
                     setFieldError('Object_UUID', undefined)
                 }}
+                styles={{
+                    menu: base => ({
+                        ...base,
+                        position: 'relative',
+                        zIndex: 9999,
+                        marginTop: 2,
+                        boxShadow: '0px 10px 30px rgba(0, 0, 0, 0.10)',
+                    }),
+                }}
             />
             {values.validOrModule === 'valid' ? (
                 <div>
@@ -142,6 +151,15 @@ export const StepFour = ({ existingObject, setExistingObject }: StepProps) => {
 
                             setExistingObject(selected?.objectContext)
                         }}
+                        styles={{
+                            menu: base => ({
+                                ...base,
+                                position: 'relative',
+                                zIndex: 9999,
+                                marginTop: 2,
+                                boxShadow: '0px 10px 30px rgba(0, 0, 0, 0.10)',
+                            }),
+                        }}
                     />
                 </div>
             )}