diff --git a/src/webapp/app/page.tsx b/src/webapp/app/page.tsx
index e47ed304..8953ac74 100644
--- a/src/webapp/app/page.tsx
+++ b/src/webapp/app/page.tsx
@@ -29,23 +29,10 @@ import NavMenu from '@/components/landing/navMenu/NavMenu';
 import { LinkButton } from '@/components/link/MantineLink';
 
 export default async function Page() {
-  const fadeStyle = {
-    inset: 0,
-    WebkitMaskImage: 'linear-gradient(to bottom, transparent 10%, black 35%)',
-    maskImage: 'linear-gradient(to bottom, transparent 10%, black 35%)',
-    zIndex: 0,
-  };
-
   return (
     <Box component="section" pos="relative" h="100svh" w="100%">
       {/* light mode bg */}
-      <BackgroundImage
-        src={BG.src}
-        darkHidden
-        h="100svh"
-        pos={'absolute'}
-        style={fadeStyle}
-      />
+      <BackgroundImage src={BG.src} darkHidden h="100svh" pos={'absolute'} />
 
       {/* dark mode bg */}
       <BackgroundImage
@@ -53,7 +40,6 @@ export default async function Page() {
         lightHidden
         h="100svh"
         pos={'absolute'}
-        style={fadeStyle}
       />
 
       <Box pos="relative" style={{ zIndex: 1 }}>
diff --git a/src/webapp/components/landing/footer/Footer.tsx b/src/webapp/components/landing/footer/Footer.tsx
index 8f883a89..ea941004 100644
--- a/src/webapp/components/landing/footer/Footer.tsx
+++ b/src/webapp/components/landing/footer/Footer.tsx
@@ -17,30 +17,14 @@ import CosmikLogoWhite from '@/assets/cosmik-logo-full-white.svg';
 import BG from '@/assets/semble-bg.webp';
 import DarkBG from '@/assets/semble-bg-dark.png';
 
-const bgStyle = {
-  position: 'absolute' as const,
-  top: 0,
-  left: '50%',
-  marginLeft: '-50vw',
-  marginRight: '-50vw',
-  width: '100vw',
-  height: '250px',
-  transform: 'rotate(180deg)',
-  opacity: 0.7,
-  filter: 'grayscale(100%)',
-  WebkitMaskImage: 'linear-gradient(to top, transparent 5%, black 35%)',
-  maskImage: 'linear-gradient(to top, transparent 5%, black 35%)',
-  zIndex: 0,
-};
-
 export default function Footer() {
   return (
-    <Box component="footer" px="md" py="xs" mt="xl" pos="relative">
+    <Box component="footer" px="md" py="xs" mt="xl">
       {/* light mode bg */}
-      <BackgroundImage src={BG.src} darkHidden style={bgStyle} />
+      <BackgroundImage src={BG.src} darkHidden />
 
       {/* dark mode bg */}
-      <BackgroundImage src={DarkBG.src} lightHidden style={bgStyle} />
+      <BackgroundImage src={DarkBG.src} lightHidden />
 
       <Stack align="center" gap="xs" pos="relative" style={{ zIndex: 1 }}>
         <Group gap="0">
@@ -100,7 +84,7 @@ export default function Footer() {
             fw={600}
             rightSection={<RiArrowRightUpLine />}
           >
-            Follow our blog for updates
+            Follow our blog
           </Button>
           <Button
             component="a"
diff --git a/src/webapp/components/landing/navMenu/NavMenu.tsx b/src/webapp/components/landing/navMenu/NavMenu.tsx
index c09405e8..4ed68a3b 100644
--- a/src/webapp/components/landing/navMenu/NavMenu.tsx
+++ b/src/webapp/components/landing/navMenu/NavMenu.tsx
@@ -19,7 +19,7 @@ export default function NavMenu() {
           data-tally-hide-title="1"
           data-tally-layout="modal"
           data-tally-emoji-animation="none"
-          variant="light"
+          variant="white"
           color="gray"
           size="xs"
         >
@@ -30,7 +30,7 @@ export default function NavMenu() {
           <LinkButton
             href={IOS_SHORTCUT_HREF}
             target="_blank"
-            variant="light"
+            variant="white"
             color="gray"
             size="xs"
           >
diff --git a/src/webapp/components/landing/recentActivity/RecentActivity.tsx b/src/webapp/components/landing/recentActivity/RecentActivity.tsx
index bcbf5d23..73f3f6e6 100644
--- a/src/webapp/components/landing/recentActivity/RecentActivity.tsx
+++ b/src/webapp/components/landing/recentActivity/RecentActivity.tsx
@@ -53,7 +53,7 @@ export default async function RecentActivity() {
           <LinkButton
             href="/explore"
             variant="light"
-            color="gray"
+            color="grape"
             rightSection={<BiRightArrowAlt size={20} />}
           >
             Explore