diff --git a/apps/landing/src/components/Discord.tsx b/apps/landing/src/components/Discord.tsx
index 6393d5d3..756f0da4 100644
--- a/apps/landing/src/components/Discord.tsx
+++ b/apps/landing/src/components/Discord.tsx
@@ -30,7 +30,7 @@ export function Discord() {
             CSS-in-JS!
           </Text>
         </VStack>
-        <Flex gap="10px">
+        <Flex flexDirection={['column', null, 'row']} gap="10px">
           <Link
             className={css({
               textDecoration: 'none',