diff --git a/Application/app/contact/page.tsx b/Application/app/contact/page.tsx
index f925c6d..fab9025 100644
--- a/Application/app/contact/page.tsx
+++ b/Application/app/contact/page.tsx
@@ -20,21 +20,21 @@ export default function Contact() {
 
     return (
 
-        <Box py={{ base: 10, md: 16 }} bg='gray.50' minH='100vh'>
+        <Box py={{ base: 10, md: 16 }} bg='bg.muted' minH='100vh'>
 
             <Container maxW='lg'>
 
-                <Box bg='white' rounded='xl' shadow='md' borderWidth='1px' borderColor='gray.200' p={{ base: 6, md: 8 }}>
+                <Box bg='bg.panel' rounded='xl' shadow='md' borderWidth='1px' borderColor='border' p={{ base: 6, md: 8 }}>
 
-                    <Fieldset.Root size="lg" mx='auto' maxW="md" color='black' textAlign="center">
+                    <Fieldset.Root size="lg" mx='auto' maxW="md" color='fg' textAlign="center">
 
                         <Stack gap={2} textAlign='center' mb={6}>
 
-                            <Fieldset.Legend fontSize='xl' color='black' fontWeight='bold'>
+                            <Fieldset.Legend fontSize='xl' color='fg' fontWeight='bold'>
                                 Contact details
                             </Fieldset.Legend>
 
-                            <Fieldset.HelperText color='gray.600'>
+                            <Fieldset.HelperText color='fg.muted'>
                                 Please provide your contact details below and we will reach out to you soon!
                             </Fieldset.HelperText>
                         </Stack>
diff --git a/Application/components/footer.tsx b/Application/components/footer.tsx
index 2d45174..e807a83 100644
--- a/Application/components/footer.tsx
+++ b/Application/components/footer.tsx
@@ -24,7 +24,7 @@ const Footer = () => {
                     <Link href="/" className="hover:text-blue-400 transition-colors">Home</Link>
                     <Link href="/about" className="hover:text-blue-400 transition-colors">About Us</Link>
                     <Link href="/faq" className="hover:text-blue-400 transition-colors">FAQ</Link>
-                    <Link href="/session" className="hover:text-blue-400 transition-colors">Recordings</Link>
+                    <Link href="/contact" className="hover:text-blue-400 transition-colors">Contact</Link>
                 </Stack>
             </Flex>
         </Box>
diff --git a/Application/components/navbar.tsx b/Application/components/navbar.tsx
index 2e553a4..63db579 100644
--- a/Application/components/navbar.tsx
+++ b/Application/components/navbar.tsx
@@ -33,7 +33,6 @@ export default function Navbar() {
             <Link href="/" className="hover:text-blue-400 transition-colors">Home</Link>
             <Link href="/about" className="hover:text-blue-400 transition-colors">About Us</Link>
             <Link href="/faq" className="hover:text-blue-400 transition-colors">FAQ</Link>
-            <Link href="/session" className="hover:text-blue-400 transition-colors">Recordings</Link>
             <Link href="/contact" className="hover:text-blue-400 transition-colors">Contact</Link>
         </HStack>
         <ColorModeButton />