diff --git a/frontend/pages/index.js b/frontend/pages/index.js
index 225cfe21..427d99c2 100644
--- a/frontend/pages/index.js
+++ b/frontend/pages/index.js
@@ -39,6 +39,7 @@ import SchematicPlayground from "../src/components/SchematicPlayground";
 import { v4 as uuidv4 } from "uuid";
 import RouteButton from "../src/components/RouteButton";
 import { FaDiscord } from "react-icons/fa";
+import { MODAL_TYPES } from "../src/core/providers/OverlayProvider/constants";
 const SplitWithImage = dynamic(
   () => import("../src/components/SplitWithImage"),
   {
@@ -500,7 +501,7 @@ const Homepage = () => {
                         mixpanel.track(`${MIXPANEL_EVENTS.BUTTON_CLICKED}`, {
                           [`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Early access CTA: developer txpool button`,
                         });
-                      toggleModal("hubspot-developer");
+                      toggleModal(MODAL_TYPES.HUBSPOT);
                     },
                   }}
                   elementName={"element1"}
@@ -559,7 +560,7 @@ const Homepage = () => {
                         mixpanel.track(`${MIXPANEL_EVENTS.BUTTON_CLICKED}`, {
                           [`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Early access CTA: developer exchanges button`,
                         });
-                      toggleModal("hubspot-developer");
+                      toggleModal(MODAL_TYPES.HUBSPOT);
                     },
                   }}
                   elementName={"element2"}
@@ -620,7 +621,7 @@ const Homepage = () => {
                         mixpanel.track(`${MIXPANEL_EVENTS.BUTTON_CLICKED}`, {
                           [`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Early access CTA: developer smartDeveloper button`,
                         });
-                      toggleModal("hubspot-developer");
+                      toggleModal(MODAL_TYPES.HUBSPOT);
                     },
                   }}
                   elementName={"element3"}
@@ -674,7 +675,7 @@ const Homepage = () => {
                         mixpanel.track(`${MIXPANEL_EVENTS.BUTTON_CLICKED}`, {
                           [`${MIXPANEL_PROPS.BUTTON_NAME}`]: `Early access CTA: developer analytics button`,
                         });
-                      toggleModal("hubspot-developer");
+                      toggleModal(MODAL_TYPES.HUBSPOT);
                     },
                   }}
                   elementName={"element3"}
diff --git a/frontend/src/components/LandingNavbar.js b/frontend/src/components/LandingNavbar.js
index e6e72293..d20fc477 100644
--- a/frontend/src/components/LandingNavbar.js
+++ b/frontend/src/components/LandingNavbar.js
@@ -89,7 +89,7 @@ const LandingNavbar = () => {
               <Button
                 colorScheme="orange"
                 variant="solid"
-                onClick={() => toggleModal("register")}
+                onClick={() => toggleModal(MODAL_TYPES.SIGNUP)}
                 size="sm"
                 fontWeight="400"
                 borderRadius="2xl"
diff --git a/frontend/src/components/Sidebar.js b/frontend/src/components/Sidebar.js
index 4e01d22f..ee6e6025 100644
--- a/frontend/src/components/Sidebar.js
+++ b/frontend/src/components/Sidebar.js
@@ -89,7 +89,7 @@ const Sidebar = () => {
             <>
               <MenuItem
                 onClick={() => {
-                  ui.toggleModal("register");
+                  ui.toggleModal(MODAL_TYPES.SIGNUP);
                   ui.setSidebarToggled(false);
                 }}
               >
diff --git a/frontend/src/components/SignIn.js b/frontend/src/components/SignIn.js
index 112cf1a2..80f1e386 100644
--- a/frontend/src/components/SignIn.js
+++ b/frontend/src/components/SignIn.js
@@ -95,7 +95,7 @@ const SignIn = ({ toggleModal }) => {
           cursor="pointer"
           color="blue.800"
           as="span"
-          onClick={() => toggleModal("register")}
+          onClick={() => toggleModal(MODAL_TYPES.SIGNUP)}
         >
           Register
         </Box>