diff --git a/clients/apps/web/src/components/Vision/sections/DNASection.tsx b/clients/apps/web/src/components/Vision/sections/DNASection.tsx
index b9d0bcfb3a..e9d79a9ca3 100644
--- a/clients/apps/web/src/components/Vision/sections/DNASection.tsx
+++ b/clients/apps/web/src/components/Vision/sections/DNASection.tsx
@@ -14,7 +14,7 @@ export const DNASection = () => {
       context={
         <div className="flex flex-col gap-y-8">
           <Grid
-            className="relative z-10 grid-cols-2 text-xs md:grid-cols-4"
+            className="relative z-10 hidden grid-cols-2 text-xs md:grid md:grid-cols-4"
             items={[
               <span
                 key="a"
@@ -43,7 +43,7 @@ export const DNASection = () => {
             ]}
           />
           <Grid
-            className="grid-cols-2 text-xs md:grid-cols-4 [&>*]:aspect-auto"
+            className="hidden grid-cols-2 text-xs md:grid md:grid-cols-4 [&>*]:aspect-auto"
             items={[
               <span key="e">@polar-sh/nextjs</span>,
               <span key="f">@polar-sh/fastify</span>,
diff --git a/clients/apps/web/src/components/Vision/sections/EntitlementsSection.tsx b/clients/apps/web/src/components/Vision/sections/EntitlementsSection.tsx
index 30a4ee82d0..df048f036c 100644
--- a/clients/apps/web/src/components/Vision/sections/EntitlementsSection.tsx
+++ b/clients/apps/web/src/components/Vision/sections/EntitlementsSection.tsx
@@ -46,7 +46,7 @@ const SlackEntitlement = new EntitlementStrategy()
   .revoke(async ctx => slackClient.admin.users.remove(...));
 
 export const POST = Webhooks({
-  webhookSecret: process.env.WEBHOOK_SECRET,
+  webhookSecret: process.env.POLAR_WEBHOOK_SECRET,
   entitlements: Entitlements.use('slack', SlackEntitlement)
 });
 `}
diff --git a/clients/apps/web/src/components/Vision/sections/IndexSection.tsx b/clients/apps/web/src/components/Vision/sections/IndexSection.tsx
index d08efab3aa..c7d197be6d 100644
--- a/clients/apps/web/src/components/Vision/sections/IndexSection.tsx
+++ b/clients/apps/web/src/components/Vision/sections/IndexSection.tsx
@@ -8,7 +8,7 @@ export const IndexSection = () => {
       title="Integrating payments is a mess"
       context={
         <Console
-          className="flex aspect-video max-w-lg flex-grow"
+          className="flex aspect-video flex-grow md:max-w-lg"
           title="Terminal"
           input="> i want to sell my saas online, how to?"
           output={`1. Create a Stripe Account
diff --git a/clients/apps/web/src/components/Vision/sections/OpenSourceSection.tsx b/clients/apps/web/src/components/Vision/sections/OpenSourceSection.tsx
index b359f59d7f..51f443cb68 100644
--- a/clients/apps/web/src/components/Vision/sections/OpenSourceSection.tsx
+++ b/clients/apps/web/src/components/Vision/sections/OpenSourceSection.tsx
@@ -9,7 +9,7 @@ export const OpenSourceSection = () => {
       title="Building in public"
       context={
         <Console
-          className="flex aspect-video max-w-lg flex-grow"
+          className="flex aspect-video flex-grow md:max-w-lg"
           title="zsh"
           input="~/ % git clone git@github.com:polarsource/polar.git"
           output="Cloning Polar..."