diff --git a/components/Nav/Header.js b/components/Nav/Header.js
index f30f339..3f93a74 100644
--- a/components/Nav/Header.js
+++ b/components/Nav/Header.js
@@ -144,12 +144,12 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
       display={'block'}
       p={2}
       rounded={'md'}
-      _hover={{ bg: useColorModeValue('pink.50', 'gray.900') }}>
+      _hover={{ bg: useColorModeValue('teal.50', 'gray.900') }}>
       <Stack direction={'row'} align={'center'}>
         <Box>
           <Text
             transition={'all .3s ease'}
-            _groupHover={{ color: 'pink.400' }}
+            _groupHover={{ color: 'teal.200' }}
             fontWeight={500}>
             {label}
           </Text>
@@ -163,7 +163,7 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
           justify={'flex-end'}
           align={'center'}
           flex={1}>
-          <Icon color={'pink.400'} w={5} h={5} as={ChevronRightIcon} />
+          <Icon color={'teal.200'} w={5} h={5} as={ChevronRightIcon} />
         </Flex>
       </Stack>
     </Link>
diff --git a/components/StatCard.js b/components/StatCard.js
index f00fa2c..1322a82 100644
--- a/components/StatCard.js
+++ b/components/StatCard.js
@@ -8,7 +8,7 @@ import {
 } from "@chakra-ui/react"
 
 import React from 'react'
-import {motion} from 'framer-motion'
+import { motion } from 'framer-motion'
 
 const container = {
     hidden: { opacity: 1, scale: 0 },
@@ -49,7 +49,7 @@ function StatCard() {
                 <StatLabel>Activity</StatLabel>
                 <StatNumber>45 messages</StatNumber>
                 <StatHelpText>
-                    <StatArrow type="decrease" />
+                    <StatArrow type="decrease"/>
                     9.05%
                 </StatHelpText>
             </MotionStat>
@@ -57,4 +57,4 @@ function StatCard() {
     )
 }
 
-export default StatCard
+export default StatCard
\ No newline at end of file