Modal below other page Elements (zIndex issues)

[aaronmgdr]

By default the connect modal has a zIndex of 40 you can adjust this by passing in style as object like

<CeloProvider
          connectModal={{
            reactModalProps: {
              style: {
                overlay: {
                  zIndex: 60,
                },
              },
            },
          }}
    />
    ```      
    
    note that the overlay div contains the modal div so the zIndex needs to be on the overlay not the modal itself