diff --git a/app/client/public/developer_basecamp_13.png b/app/client/public/developer_basecamp_13.png
new file mode 100644
index 000000000..fb9b2fa38
Binary files /dev/null and b/app/client/public/developer_basecamp_13.png differ
diff --git a/app/client/src/App.tsx b/app/client/src/App.tsx
index 31fe46089..8800783a7 100644
--- a/app/client/src/App.tsx
+++ b/app/client/src/App.tsx
@@ -73,19 +73,19 @@ function App() {
         <StarknetProvider>
           <QueryClientProvider client={queryClient}>
             <ThemeProvider theme={darkTheme}>
-              {/* <GenericModal
+              <GenericModal
                 id="starknet_hackathon"
                 open={open}
                 handleClose={handleClose}
                 handleOpen={handleOpen}
-                image_src="/starknet_hackathon.png"
-                image_alt="Starknet Hackathon: Re{ignite}"
+                image_src="/developer_basecamp_13.png"
+                image_alt="Starknet Developer Basecamp 13"
                 // title="Starknet Hackathon"
                 // date="Starting May 12"
                 // description="From idea to MVP: Build real solutions, form teams, and compete for prizes."
                 // button_text="Register for Hackathon"
-                link="https://www.hackquest.io/hackathons/Starknet-Hackathon-Re%7Bignite%7D?utm=starklings"
-              /> */}
+                link="https://us06web.zoom.us/webinar/register/6517491159098/WN_VnPGmzseSBmi7FkNcPpRmQ#/registration"
+              />
 
               <BasicLayout>
                 <>
diff --git a/app/client/src/components/modals/GenericModal.tsx b/app/client/src/components/modals/GenericModal.tsx
index edb54c1e1..e19d78975 100644
--- a/app/client/src/components/modals/GenericModal.tsx
+++ b/app/client/src/components/modals/GenericModal.tsx
@@ -114,7 +114,7 @@ export const GenericModal = ({ id, open, handleClose, handleOpen, image_src, ima
                 height: "100%",
               }}
             >
-              <a href={link} style={{ display: 'block' }}>
+                <a href={link} target="_blank" style={{ display: 'block' }}>
                 <img
                   onClick={() => openInNewTab(link)}
                   src={image_src}
@@ -132,8 +132,12 @@ export const GenericModal = ({ id, open, handleClose, handleOpen, image_src, ima
                 onClick={handleDontShowAgain}
                 sx={{
                   color: "white",
+                  backgroundColor: "#4862b0",
                   borderRadius: 2,
                   py: 1.5,
+                  "&:hover": {
+                    backgroundColor: "#5a7bd0",
+                  },
                 }}
               >
                 Don't show again
@@ -187,11 +191,16 @@ export const GenericModal = ({ id, open, handleClose, handleOpen, image_src, ima
                     variant="outlined"
                     onClick={handleDontShowAgain}
                     sx={{
-                      borderColor: "rgba(255, 255, 255, 0.5)",
+                      borderColor: "#4862b0",
                       color: "white",
+                      backgroundColor: "#4862b0",
                       borderRadius: 2,
                       flex: "0 1 22em",
                       py: 1,
+                      "&:hover": {
+                        backgroundColor: "#5a7bd0",
+                        borderColor: "#5a7bd0",
+                      },
                     }}
                   >
                     Don't show again