diff --git a/ui/summit-2024/src/assets/share.svg b/ui/summit-2024/src/assets/share.svg
new file mode 100644
index 000000000..44715287e
--- /dev/null
+++ b/ui/summit-2024/src/assets/share.svg
@@ -0,0 +1,11 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="51" height="51" rx="11.5" stroke="#FAF9F6"/>
+<g clip-path="url(#clip0_2474_5100)">
+<path d="M30.1667 34.3337C29.4723 34.3337 28.882 34.0906 28.3959 33.6045C27.9098 33.1184 27.6667 32.5281 27.6667 31.8337C27.6667 31.7503 27.6876 31.5559 27.7292 31.2503L21.8751 27.8337C21.6529 28.042 21.3959 28.2052 21.1042 28.3232C20.8126 28.4413 20.5001 28.5003 20.1667 28.5003C19.4723 28.5003 18.882 28.2573 18.3959 27.7712C17.9098 27.285 17.6667 26.6948 17.6667 26.0003C17.6667 25.3059 17.9098 24.7156 18.3959 24.2295C18.882 23.7434 19.4723 23.5003 20.1667 23.5003C20.5001 23.5003 20.8126 23.5594 21.1042 23.6774C21.3959 23.7955 21.6529 23.9587 21.8751 24.167L27.7292 20.7503C27.7015 20.6531 27.6841 20.5594 27.6772 20.4691C27.6702 20.3788 27.6667 20.2781 27.6667 20.167C27.6667 19.4725 27.9098 18.8823 28.3959 18.3962C28.882 17.91 29.4723 17.667 30.1667 17.667C30.8612 17.667 31.4515 17.91 31.9376 18.3962C32.4237 18.8823 32.6667 19.4725 32.6667 20.167C32.6667 20.8614 32.4237 21.4517 31.9376 21.9378C31.4515 22.4239 30.8612 22.667 30.1667 22.667C29.8334 22.667 29.5209 22.608 29.2292 22.4899C28.9376 22.3719 28.6806 22.2087 28.4584 22.0003L22.6042 25.417C22.632 25.5142 22.6494 25.608 22.6563 25.6982C22.6633 25.7885 22.6667 25.8892 22.6667 26.0003C22.6667 26.1114 22.6633 26.2121 22.6563 26.3024C22.6494 26.3927 22.632 26.4864 22.6042 26.5837L28.4584 30.0003C28.6806 29.792 28.9376 29.6288 29.2292 29.5107C29.5209 29.3927 29.8334 29.3337 30.1667 29.3337C30.8612 29.3337 31.4515 29.5767 31.9376 30.0628C32.4237 30.5489 32.6667 31.1392 32.6667 31.8337C32.6667 32.5281 32.4237 33.1184 31.9376 33.6045C31.4515 34.0906 30.8612 34.3337 30.1667 34.3337ZM30.1667 32.667C30.4029 32.667 30.6008 32.5871 30.7605 32.4274C30.9202 32.2677 31.0001 32.0698 31.0001 31.8337C31.0001 31.5975 30.9202 31.3996 30.7605 31.2399C30.6008 31.0802 30.4029 31.0003 30.1667 31.0003C29.9306 31.0003 29.7327 31.0802 29.573 31.2399C29.4133 31.3996 29.3334 31.5975 29.3334 31.8337C29.3334 32.0698 29.4133 32.2677 29.573 32.4274C29.7327 32.5871 29.9306 32.667 30.1667 32.667ZM20.1667 26.8337C20.4029 26.8337 20.6008 26.7538 20.7605 26.5941C20.9202 26.4344 21.0001 26.2364 21.0001 26.0003C21.0001 25.7642 20.9202 25.5663 20.7605 25.4066C20.6008 25.2469 20.4029 25.167 20.1667 25.167C19.9306 25.167 19.7327 25.2469 19.573 25.4066C19.4133 25.5663 19.3334 25.7642 19.3334 26.0003C19.3334 26.2364 19.4133 26.4344 19.573 26.5941C19.7327 26.7538 19.9306 26.8337 20.1667 26.8337ZM30.1667 21.0003C30.4029 21.0003 30.6008 20.9205 30.7605 20.7607C30.9202 20.601 31.0001 20.4031 31.0001 20.167C31.0001 19.9309 30.9202 19.733 30.7605 19.5732C30.6008 19.4135 30.4029 19.3337 30.1667 19.3337C29.9306 19.3337 29.7327 19.4135 29.573 19.5732C29.4133 19.733 29.3334 19.9309 29.3334 20.167C29.3334 20.4031 29.4133 20.601 29.573 20.7607C29.7327 20.9205 29.9306 21.0003 30.1667 21.0003Z" fill="#FAF9F6"/>
+</g>
+<defs>
+<clipPath id="clip0_2474_5100">
+<rect width="20" height="20" fill="white" transform="translate(16 16)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ui/summit-2024/src/common/resources/data/privacyPolicy.json b/ui/summit-2024/src/common/resources/data/privacyPolicy.json
index 664c25578..4b17f4b35 100644
--- a/ui/summit-2024/src/common/resources/data/privacyPolicy.json
+++ b/ui/summit-2024/src/common/resources/data/privacyPolicy.json
@@ -1,6 +1,6 @@
 {
     "title": "Privacy Policy",
-    "date": "Last updated: July, 2023",
+    "date": "Last updated: July, 2024",
     "description": [
       "This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.",
       "We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy."
diff --git a/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json b/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json
index 11f1e7524..ddcf6010e 100644
--- a/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json
+++ b/ui/summit-2024/src/common/resources/data/summit2024MainnetContent.json
@@ -402,7 +402,7 @@
           "presentationName": "Optim Finance",
           "x": "https://x.com/optimfi",
           "linkedin": "",
-          "url": "https://dao.optim.finance/"
+          "url": "https://optim.finance/"
         }
       ]
     },
diff --git a/ui/summit-2024/src/common/resources/data/termsAndConditions.json b/ui/summit-2024/src/common/resources/data/termsAndConditions.json
index f94be280c..96b006e5a 100644
--- a/ui/summit-2024/src/common/resources/data/termsAndConditions.json
+++ b/ui/summit-2024/src/common/resources/data/termsAndConditions.json
@@ -1,6 +1,6 @@
 {
   "title": "Terms and Conditions",
-  "date": "Last updated: August, 2023",
+  "date": "Last updated: August, 2024",
   "sections": [
     {
       "title": "Interpretation and Definitions",
@@ -13,7 +13,7 @@
           "title": "Definitions",
           "content": ["For the purposes of these Terms and Conditions:"],
           "definitions": {
-            "Website": "<b>Website</b> means the server provided by the Company to You on any electronic device, named <b>Cardano Summit 2023.</b>",
+            "Website": "<b>Website</b> means the server provided by the Company to You on any electronic device, named <b>Cardano Summit 2024.</b>",
             "Country": "<b>Country</b> refers to Switzerland.",
             "Company": "<b>Company</b> refers to Cardano Foundation, Dammstrasse 16, 6300 Zug, Switzerland, and is referred to as either 'the Company,' 'We,' 'Us,' or 'Our' in this Agreement.",
             "Device": "<b>Device</b> means any device that can access the Service such as a computer, a mobile phone, or a digital tablet.",
@@ -133,7 +133,7 @@
       "list": [
         {
           "number": "2.1",
-          "content": ["2.1 The Web Application is a platform that offers a verified e-voting platform. The Web Application Cardano Ballot is only being made available for the Cardano Summit 2023 as is designed only for the Summit use case. This is a platform where users can choose between two methods of registration and authentication. One method is via email and SMS, the other is via a Cardano Wallet and Discord bot.  (User Discord account required). The site provides a facility for users to generate ballots and submit votes for the Cardano Summit 2023. The process will be anonymously recorded on the Cardano blockchain."]
+          "content": ["2.1 The Web Application is a platform that offers a verified e-voting platform. The Web Application Cardano Ballot is only being made available for the Cardano Summit 2024 as is designed only for the Summit use case. This is a platform where users can choose between two methods of registration and authentication. One method is via email and SMS, the other is via a Cardano Wallet and Discord bot.  (User Discord account required). The site provides a facility for users to generate ballots and submit votes for the Cardano Summit 2024. The process will be anonymously recorded on the Cardano blockchain."]
         },
         {
           "number": "2.2",
diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
index f72d7bb9a..81908b21f 100644
--- a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
+++ b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
@@ -1,7 +1,9 @@
 .button-container {
   position: relative;
-
+  z-index: 1300;
   .main-button {
+    position: relative;
+    z-index: 1301;
     border-radius: 12px;
     border: 1px solid var(--orange, #ee9766);
     display: inline-flex;
@@ -72,6 +74,10 @@
   line-height: 20px;
   height: 44px;
 
+  &:hover {
+    background-color: #282828;
+  }
+
   .MuiTypography-root {
     font-size: 12px;
   }
@@ -102,7 +108,6 @@
   border: 1px solid #d2d2d9;
   background: var(--color-light-blue);
   display: inline-flex;
-  padding: 16px 20px;
   justify-content: center;
   align-items: center;
   gap: 10px;
diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
index d31f21c1a..c0c6ea074 100644
--- a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
+++ b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
@@ -73,7 +73,7 @@ const ConnectWalletButton = (props: ConnectWalletButtonProps) => {
     >
       <Button
         sx={{
-          zIndex: "99",
+          zIndex: 1300,
           padding: isMobile ? "10px 10px" : "16px 20px",
           width: "90%",
           margin: showAddress ? "20px" : null,
@@ -165,7 +165,7 @@ const ConnectWalletButton = (props: ConnectWalletButtonProps) => {
                 color="inherit"
                 onClick={handleOpenVoteReceipts}
               >
-                <ListItemText primary="Votes Receipts" />
+                <ListItemText primary="Vote Receipts" />
               </ListItem>
             ) : null}
             <ListItem
diff --git a/ui/summit-2024/src/components/Header/Header.tsx b/ui/summit-2024/src/components/Header/Header.tsx
index b2e4dc15c..5e5b096b4 100644
--- a/ui/summit-2024/src/components/Header/Header.tsx
+++ b/ui/summit-2024/src/components/Header/Header.tsx
@@ -309,9 +309,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
-                      px: "24px",
+                      padding: " 16px 24px",
                       textDecoration: "none",
+                      borderRadius: "12px",
                       cursor: "pointer",
+                      "&:hover": {
+                        backgroundColor: "#282828",
+                      },
                     }}
                     onClick={() => handleClickMenu(ROUTES.CATEGORIES)}
                   >
@@ -320,9 +324,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
+                      padding: " 16px 24px",
                       textDecoration: "none",
-                      px: "24px",
+                      borderRadius: "12px",
                       cursor: "pointer",
+                      "&:hover": {
+                        backgroundColor: "#282828",
+                      },
                     }}
                     onClick={() => handleClickMenu(ROUTES.LEADERBOARD)}
                   >
@@ -331,9 +339,13 @@ const Header = () => {
                   <Typography
                     sx={{
                       color: "inherit",
+                      padding: " 16px 24px",
                       textDecoration: "none",
-                      px: "24px",
+                      borderRadius: "12px",
                       cursor: "pointer",
+                      "&:hover": {
+                        backgroundColor: "#282828",
+                      },
                     }}
                     onClick={() => handleClickMenu(ROUTES.USER_GUIDE)}
                   >
@@ -356,7 +368,6 @@ const Header = () => {
 
                 {isPortrait ? (
                   <IconButton
-                    color="inherit"
                     onClick={() => setMenuIsOpen(true)}
                     sx={{
                       marginLeft: "auto",
@@ -364,6 +375,10 @@ const Header = () => {
                       borderRadius: "12px",
                       background:
                         "linear-gradient(258deg, #EE9766 0%, #40407D 187.58%, #0C7BC5 249.97%)",
+                      color: theme.palette.background.default,
+                      "&:hover": {
+                        color: theme.palette.text.neutralLight,
+                      },
                     }}
                   >
                     <MenuOutlinedIcon />
diff --git a/ui/summit-2024/src/components/Layout/Layout.tsx b/ui/summit-2024/src/components/Layout/Layout.tsx
index 77b7d71f4..b6fad28c7 100644
--- a/ui/summit-2024/src/components/Layout/Layout.tsx
+++ b/ui/summit-2024/src/components/Layout/Layout.tsx
@@ -80,7 +80,7 @@ const Layout: React.FC<LayoutProps> = ({
       }}
     >
       <Grid container>
-        <Grid item xs={12} md={2.4} lg={2} sx={{}}>
+        <Grid item xs={12} md={2.4} lg={2}>
           {isMobile ? (
             <>
               <Box
@@ -96,8 +96,8 @@ const Layout: React.FC<LayoutProps> = ({
                   },
                   marginTop: "14px",
                   position: "fixed",
-                  top: 72,
-                  zIndex: 1200,
+                  top: 82,
+                  zIndex: 1092,
                   background: theme.palette.background.default,
                 }}
               >
@@ -153,12 +153,13 @@ const Layout: React.FC<LayoutProps> = ({
                   overflowY: "auto",
                   maxHeight: "calc(100vh - 102px)",
                   borderRight: "1px solid #737380",
+                  paddingRight: "8px",
                 }}
               >
                 {title ? (
                   <ListItem
                     sx={{
-                      paddingLeft: "0px",
+                      paddingLeft: "10px",
                       marginBottom: "16px",
                     }}
                   >
@@ -181,63 +182,41 @@ const Layout: React.FC<LayoutProps> = ({
                     onClick={() => handleClickMenuItem(option.label)}
                     key={index}
                     sx={{
-                      paddingLeft: "0px",
+                      marginTop: "12px",
+                      paddingLeft: "10px",
+                      paddingRight: "0px",
+                      paddingTop: "8px",
+                      paddingBottom: "8px",
+                      cursor: "pointer",
+                      transition: "background-color 0.3s",
+                      backgroundColor:
+                        option.label === selectedOption
+                          ? theme.palette.secondary.main
+                          : "transparent",
+                      "&:hover": {
+                        backgroundColor: theme.palette.action.hover,
+                      },
+                      display: "flex",
+                      alignItems: "center",
+                      width: "100%",
+                      borderRadius: "12px",
                     }}
                   >
-                    {option.label === selectedOption ? (
-                      <>
-                        <Box
-                          component="div"
-                          sx={{
-                            display: "flex",
-                            padding: "8px 12px",
-                            alignItems: "center",
-                            gap: "10px",
-                            alignSelf: "stretch",
-                            borderRadius: "12px",
-                            background: theme.palette.secondary.main,
-                            color: theme.palette.background.default,
-                            fontSize: "16px",
-                            fontStyle: "normal",
-                            fontWeight: 500,
-                            lineHeight: "24px",
-                            cursor: "pointer",
-                            width: "100%",
-                          }}
-                        >
-                          <Typography
-                            sx={{
-                              gap: "10px",
-                              alignSelf: "stretch",
-                              borderRadius: "12px",
-                              fontSize: "16px",
-                              fontStyle: "normal",
-                              fontWeight: 500,
-                              lineHeight: "24px",
-                              cursor: "pointer",
-                              width: "100%",
-                            }}
-                          >
-                            {option.label}
-                          </Typography>
-                        </Box>
-                      </>
-                    ) : (
-                      <>
-                        <Typography
-                          sx={{
-                            color: theme.palette.text.neutralLightest,
-                            fontSize: "16px",
-                            fontStyle: "normal",
-                            fontWeight: 500,
-                            lineHeight: "24px",
-                            cursor: "pointer",
-                          }}
-                        >
-                          {option.label}
-                        </Typography>
-                      </>
-                    )}
+                    <Typography
+                      sx={{
+                        color:
+                          option.label === selectedOption
+                            ? theme.palette.background.default
+                            : theme.palette.text.neutralLightest,
+                        fontSize: "16px",
+                        fontWeight: 500,
+                        lineHeight: "24px",
+                        flexGrow: 1,
+                        textAlign: "left",
+                      }}
+                    >
+                      {option.label}
+                    </Typography>
                   </ListItem>
                 ))}
               </List>
diff --git a/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx b/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
index 3791c318f..c2bf079e5 100644
--- a/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
+++ b/ui/summit-2024/src/components/LegalOptInModal/Cookies.tsx
@@ -3,6 +3,7 @@ import { CB_COOKIES } from "../../common/constants/local";
 import { Box, Typography } from "@mui/material";
 import theme from "../../common/styles/theme";
 import { CustomButton } from "../common/CustomButton/CustomButton";
+import { eventBus, EventName } from "../../utils/EventBus";
 
 export enum CookiesStatus {
   ACCEPT = "ACCEPT",
@@ -22,7 +23,7 @@ const Cookies = () => {
   };
 
   const handlePrivacyPolicy = () => {
-    // TODO: Open privacy and policy page
+    eventBus.publish(EventName.OpenTermsModal);
   };
 
   if (!showCookies) return null;
diff --git a/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx b/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
index 3867f3ac8..ce25d6ff5 100644
--- a/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
+++ b/ui/summit-2024/src/components/LegalOptInModal/TermsAndConditionsModal.tsx
@@ -29,10 +29,11 @@ const TermsAndConditionsModal = () => {
   ];
 
   const [currentTab, setCurrentTab] = useState(tabs[0]);
-  const [isChecked, setIsChecked] = useState(false);
+
   const [forceOpenModal, setForceOpenModal] = useState(false);
   const [termsAndConditionsChecked, setTermsAndConditionsChecked] =
     useLocalStorage(CB_TERMS_AND_PRIVACY, false);
+  const [isChecked, setIsChecked] = useState(termsAndConditionsChecked);
 
   useEffect(() => {
     const openModal = () => {
@@ -53,6 +54,14 @@ const TermsAndConditionsModal = () => {
   const handleSetCurrentTab = (option: string) => {
     setCurrentTab(option);
   };
+
+  const handleDecline = () => {
+    eventBus.publish(
+      EventName.ShowToast,
+      "To use the app, you must accept the Terms and Conditions and Privacy Policy",
+    );
+  };
+
   const handleAccept = () => {
     setTermsAndConditionsChecked(true);
     setForceOpenModal(false);
@@ -513,6 +522,7 @@ const TermsAndConditionsModal = () => {
             Accept
           </Button>
           <Button
+            onClick={() => handleDecline()}
             variant="outlined"
             sx={{
               padding: "16px 24px",
diff --git a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
index 4b46a50fc..b2d4786eb 100644
--- a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
+++ b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
@@ -521,6 +521,7 @@ const VerifyWalletModal = () => {
         </Box>
 
         <Box
+          onClick={() => setCheckImNotARobot(!checkImNotARobot)}
           component="div"
           sx={{ display: "flex", alignItems: "center", marginTop: "4px" }}
         >
diff --git a/ui/summit-2024/src/components/common/Modal/Modal.tsx b/ui/summit-2024/src/components/common/Modal/Modal.tsx
index 190460739..d2f0c8387 100644
--- a/ui/summit-2024/src/components/common/Modal/Modal.tsx
+++ b/ui/summit-2024/src/components/common/Modal/Modal.tsx
@@ -92,14 +92,13 @@ const Modal = (props: ModalProps) => {
           </IconButton>
         ) : null}
         <Typography
-          variant="h6"
           component="div"
           sx={{
             flex: 1,
             maxWidth: "320px",
             textAlign: props.leftTitle ? "left" : "center",
             fontFamily: "Dosis",
-            weight: 700,
+            fontWeight: 700,
             fontSize: "28px",
             lineHeight: "32px",
           }}
diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
index 3a7323eec..5fa7f5fde 100644
--- a/ui/summit-2024/src/pages/Categories/Categories.tsx
+++ b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -239,7 +239,11 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
       return;
     }
 
-    const category = categoriesData.find((c) => c.name === selectedCategory);
+    const category = categoriesData.find(
+      (c) =>
+        c.name === selectedCategory ||
+        c.id === selectedCategory?.toUpperCase().replace(/\s+/g, "_"),
+    );
 
     const proposalId = category?.proposals?.find(
       (p) => p.id === selectedNominee,
@@ -412,7 +416,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
             }}
           >
             <Typography
-              // TODO: remove after demo
               variant="h5"
               sx={{ fontWeight: "bold", fontFamily: "Dosis" }}
             >
@@ -548,6 +551,7 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
           onClose={() => setOpenVotingModal(false)}
         />
         <BioModal
+          categoryId={categoryToRender.id}
           nominee={bioModalContent}
           isOpen={openLearMoreCategory}
           title={bioModalContent?.name}
diff --git a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
index 72f5a0cf4..ecb2d3a6c 100644
--- a/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/BioModal.tsx
@@ -3,10 +3,14 @@ import Modal from "../../../components/common/Modal/Modal";
 import { Box, useMediaQuery } from "@mui/material";
 import XIcon from "../../../assets/x.svg";
 import LinkedinIcon from "../../../assets/linkedin.svg";
+import ShareIcon from "../../../assets/share.svg";
 import theme from "../../../common/styles/theme";
 import { CustomButton } from "../../../components/common/CustomButton/CustomButton";
+import { copyToClipboard } from "../../../utils/utils";
+import { eventBus, EventName } from "../../../utils/EventBus";
 
 interface BioModalProps {
+  categoryId: string;
   nominee: any;
   isOpen: boolean;
   title: string | null | undefined;
@@ -14,12 +18,20 @@ interface BioModalProps {
 }
 
 const BioModal: React.FC<BioModalProps> = ({
+  categoryId,
   nominee,
   isOpen,
   title,
   onClose,
 }) => {
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+  const baseUrl = `${window.location.protocol}//${window.location.host}`;
+  const urlToCopy = `${baseUrl}/categories?category=${categoryId}&nominee=${nominee?.id}`;
+
+  const handleCopyToClipBoard = () => {
+    copyToClipboard(urlToCopy);
+    eventBus.publish(EventName.ShowToast, "Copied to clipboard");
+  };
 
   return (
     <>
@@ -41,7 +53,7 @@ const BioModal: React.FC<BioModalProps> = ({
               component="div"
               sx={{
                 mr: "12px",
-                padding: "16px",
+                padding: "15px",
                 border: `1px solid ${theme.palette.text.neutralLightest}`,
                 display: "flex",
                 justifyContent: "center",
@@ -60,7 +72,7 @@ const BioModal: React.FC<BioModalProps> = ({
               component="div"
               sx={{
                 mr: "12px",
-                padding: "16px",
+                padding: "15px",
                 border: `1px solid ${theme.palette.text.neutralLightest}`,
                 display: "flex",
                 justifyContent: "center",
@@ -71,15 +83,30 @@ const BioModal: React.FC<BioModalProps> = ({
               }}
               onClick={() => window.open(nominee.linkedin, "_blank")}
             >
-              <img src={LinkedinIcon} alt="X Icon" />
+              <img src={LinkedinIcon} alt="LinkedIn Icon" />
             </Box>
           ) : null}
+          <Box
+            component="div"
+            sx={{
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              gap: "8px",
+              borderRadius: "12px",
+              cursor: "pointer",
+            }}
+            onClick={() => handleCopyToClipBoard()}
+          >
+            <img src={ShareIcon} alt="Share Icon" />
+          </Box>
         </Box>
         {nominee?.url ? (
           <CustomButton
             colorVariant="secondary"
             sx={{
               width: "100%",
+              mt: "12px",
             }}
             onClick={() => window.open(nominee.url, "_blank")}
           >
diff --git a/ui/summit-2024/src/pages/Categories/components/Nominees.tsx b/ui/summit-2024/src/pages/Categories/components/Nominees.tsx
index 8dae14efb..d9771243b 100644
--- a/ui/summit-2024/src/pages/Categories/components/Nominees.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/Nominees.tsx
@@ -38,7 +38,7 @@ const Nominees: React.FC<NomineesProps> = ({
         <Grid
           container
           spacing={2}
-          justifyContent="center"
+          justifyContent="left"
           alignItems="flex-start"
         >
           {nominees?.length &&
diff --git a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
index 06ce84ef9..d9c6f71ee 100644
--- a/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
+++ b/ui/summit-2024/src/pages/Categories/components/ViewReceipt.tsx
@@ -15,7 +15,7 @@ import ArrowUpwardOutlinedIcon from "@mui/icons-material/ArrowUpwardOutlined";
 import { STATE, ViewReceiptProps } from "./ViewReceipt.type";
 import { CustomAccordion } from "../../../components/common/CustomAccordion/CustomAccordion";
 import { JsonView } from "../../../components/common/JsonView/JsonView";
-import { useAppSelector } from "../../../store/hooks";
+import { useAppDispatch, useAppSelector } from "../../../store/hooks";
 import {
   getReceipts,
   setVoteReceipt,
@@ -36,6 +36,7 @@ import { NetworkType } from "../../../components/ConnectWalletList/ConnectWallet
 
 const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
   const session = getUserInSession();
+  const dispatch = useAppDispatch();
   const receipts = useAppSelector(getReceipts);
   const receipt = receipts[categoryId];
 
@@ -342,7 +343,20 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
                   />
                 ),
               };
-
+            case "VERY_HIGH":
+              return {
+                description:
+                  "Your vote is currently being verified. While in VERY HIGH, the chance of a rollback is very unlikely. Check back later to see if verification has completed.",
+                icon: (
+                  <ArrowUpwardOutlinedIcon
+                    sx={{
+                      width: "24px",
+                      height: "24px",
+                      color: "#6EBE78",
+                    }}
+                  />
+                ),
+              };
             case "FINAL":
               return {
                 description: "Your vote has been successfully verified.",
@@ -365,7 +379,7 @@ const ViewReceipt: React.FC<ViewReceiptProps> = ({ categoryId, close }) => {
         })();
 
         const actionButton =
-          receipt?.finalityScore === "FINAL"
+          receipt?.status === STATE.FULL
             ? {
                 action: viewOnChainVote,
                 iconBottom: <LinkOutlinedIcon />,
diff --git a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
index 1a3b4b1c9..ba5384476 100644
--- a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
@@ -19,6 +19,7 @@ import { getEventCache } from "../../../store/reducers/eventCache";
 const ExploreSection = () => {
   const isMobile = useIsPortrait();
   const navigate = useNavigate();
+
   const handleClickMenu = (option: string) => {
     navigate(option);
   };
@@ -180,6 +181,7 @@ const ExploreSection = () => {
       </Grid>
       <Grid item xs={12} sm={6} md={4}>
         <Card
+          onClick={() => handleClickMenu(ROUTES.CATEGORIES)}
           sx={{
             position: "relative",
             height: "272px",
@@ -193,9 +195,17 @@ const ExploreSection = () => {
             backgroundImage: `url(${guideBg})`,
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
+            cursor: "pointer",
+            "&:hover": {
+              "& > .backdrop": {
+                backdropFilter: "blur(6px)",
+                background: "rgba(18, 18, 18, 0.25)",
+              },
+            },
           }}
         >
           <CardContent
+            className="backdrop"
             sx={{
               position: "relative",
               zIndex: 2,
@@ -203,6 +213,8 @@ const ExploreSection = () => {
               flexDirection: "column",
               justifyContent: "space-between",
               height: "100%",
+              background: "rgba(18, 18, 18, 0.20)",
+              backdropFilter: "blur(4px)",
             }}
           >
             <Box
@@ -272,6 +284,7 @@ const ExploreSection = () => {
       </Grid>
       <Grid item xs={12} sm={6} md={4}>
         <Card
+          onClick={() => handleClickMenu(ROUTES.LEADERBOARD)}
           sx={{
             position: "relative",
             height: "272px",
@@ -285,9 +298,28 @@ const ExploreSection = () => {
             backgroundImage: `url(${guideBg})`,
             backgroundSize: "180% 160%",
             backgroundPosition: "center",
+            cursor: "pointer",
+            "&:hover": {
+              "& > .backdrop": {
+                backdropFilter: "blur(4px)",
+                background: "rgba(18, 18, 18, 0.25)",
+              },
+            },
           }}
         >
-          <CardContent sx={{ position: "relative", zIndex: 2 }}>
+          <CardContent
+            className="backdrop"
+            sx={{
+              position: "relative",
+              zIndex: 2,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "space-between",
+              height: "100%",
+              background: "rgba(18, 18, 18, 0.20)",
+              backdropFilter: "blur(2px)",
+            }}
+          >
             <Box
               component="div"
               sx={{
diff --git a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
index def55e86f..5f65deed4 100644
--- a/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
+++ b/ui/summit-2024/src/pages/Home/components/TicketsSection.tsx
@@ -41,6 +41,7 @@ const TicketsSection = () => {
         >
           <Grid item xs={12}>
             <Card
+              onClick={handleButtonClick}
               sx={{
                 position: "relative",
                 overflow: "hidden",
@@ -57,9 +58,17 @@ const TicketsSection = () => {
                   xs: "16px",
                   sm: "60px",
                 },
+                cursor: "pointer",
+                "&:hover": {
+                  "& > .backdrop": {
+                    backdropFilter: "blur(6px)",
+                    background: "rgba(18, 18, 18, 0.55)",
+                  },
+                },
               }}
             >
               <Box
+                className="backdrop"
                 component="div"
                 sx={{
                   position: "absolute",
@@ -68,7 +77,7 @@ const TicketsSection = () => {
                   width: "100%",
                   height: "100%",
                   background: "rgba(18, 18, 18, 0.50)",
-                  backdropFilter: "blur(3px)",
+                  backdropFilter: "blur(4px)",
                   zIndex: 0,
                 }}
               />