diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/page.tsx
index 68e68670..4edc13b5 100644
--- a/apps/landing/src/app/page.tsx
+++ b/apps/landing/src/app/page.tsx
@@ -42,12 +42,13 @@ export default function HomePage() {
               borderRadius="100px"
               gap="20px"
               p="16px 40px"
+              role="group"
             >
               <Box
-                _active={{
+                _groupActive={{
                   bg: '$third',
                 }}
-                _hover={{
+                _groupHover={{
                   bg: '$primary',
                 }}
                 bg="$secondary"
diff --git a/apps/landing/src/components/Discord.tsx b/apps/landing/src/components/Discord.tsx
index c8a25f72..9ccda5c2 100644
--- a/apps/landing/src/components/Discord.tsx
+++ b/apps/landing/src/components/Discord.tsx
@@ -32,11 +32,18 @@ export function Discord() {
         <Link
           className={css({
             textDecoration: 'none',
+            borderRadius: '100px',
           })}
           href="https://discord.gg/BtNffusw"
           target="_blank"
         >
           <Flex
+            _active={{
+              bg: '$buttonBlueActive',
+            }}
+            _hover={{
+              bg: '$buttonBlueHover',
+            }}
             alignItems="center"
             bg="$buttonBlue"
             borderRadius="100px"