diff --git a/packages/design-system/src/MetaTile.tsx b/packages/design-system/src/MetaTile.tsx
index bbe45ce57..e3af45d3f 100644
--- a/packages/design-system/src/MetaTile.tsx
+++ b/packages/design-system/src/MetaTile.tsx
@@ -84,8 +84,10 @@ export const MetaTile = React.forwardRef<
     >
       <Flex
         direction="column"
-        bgColor="whiteAlpha.200"
+        bgColor="#FFFFFF0A"
         backdropFilter="blur(7px)"
+        borderTop="1px solid #2B2244"
+        borderLeft="1px solid #2B2244"
         rounded="lg"
         p={6}
         maxW="26rem" // (2 / 3.5) = ~0.571 aspect ratio desired
diff --git a/packages/web/components/Dashboard/DashboardSection.tsx b/packages/web/components/Dashboard/DashboardSection.tsx
index 33f069315..3e5129b95 100644
--- a/packages/web/components/Dashboard/DashboardSection.tsx
+++ b/packages/web/components/Dashboard/DashboardSection.tsx
@@ -3,7 +3,6 @@ import { Calendar } from 'components/Dashboard/Calendar';
 import { LatestContent } from 'components/Dashboard/LatestContent';
 import { Leaderboard } from 'components/Dashboard/Leaderboard';
 import { Seed } from 'components/Dashboard/Seed';
-// import { XP } from 'components/Dashboard/XP';
 import { CustomTextSection } from 'components/Section/CustomTextSection';
 import { EmbeddedUrl } from 'components/Section/EmbeddedUrlSection';
 import { Player } from 'graphql/autogen/types';
@@ -32,8 +31,6 @@ const DashboardSectionInner: React.FC<Props> = ({
   switch (type) {
     case BoxTypes.DASHBOARD_LASTEST_CONTENT:
       return <LatestContent />;
-    // case BoxTypes.DASHBOARD_XP_INFO:
-    //   return <XP />;
     case BoxTypes.DASHBOARD_SEEDS_INFO:
       return <Seed />;
     case BoxTypes.DASHBOARD_CALENDER:
diff --git a/packages/web/components/Dashboard/config.ts b/packages/web/components/Dashboard/config.ts
index bf90c8c55..526fa1218 100644
--- a/packages/web/components/Dashboard/config.ts
+++ b/packages/web/components/Dashboard/config.ts
@@ -13,21 +13,19 @@ export const podcastRSSURL = 'https://anchor.fm/s/57a641c/podcast/rss';
 const DEFAULT_BOX_POSITIONS: Record<ChakraSize, Positions> = {
   lg: {
     [BoxTypes.DASHBOARD_LASTEST_CONTENT]: { x: 1, y: 0 },
-    [BoxTypes.DASHBOARD_XP_INFO]: { x: 2, y: 0 },
-    [BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 0, y: 0 },
-    [BoxTypes.DASHBOARD_CALENDER]: { x: 0, y: 2 },
+    [BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 0, y:1 },
+    [BoxTypes.DASHBOARD_CALENDER]: { x: 0, y: 0 },
     [BoxTypes.DASHBOARD_LEADERBOARD]: { x: 2, y: 2 },
+    [BoxTypes.DASHBOARD_PINNED_QUEST_CHAINS]: { x: 2, y: 1 }
   },
   md: {
     [BoxTypes.DASHBOARD_LASTEST_CONTENT]: { x: 0, y: 0 },
-    [BoxTypes.DASHBOARD_XP_INFO]: { x: 1, y: 2 },
     [BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 1, y: 0 },
     [BoxTypes.DASHBOARD_CALENDER]: { x: 1, y: 4 },
     [BoxTypes.DASHBOARD_LEADERBOARD]: { x: 0, y: 4 },
   },
   sm: {
     [BoxTypes.DASHBOARD_LASTEST_CONTENT]: { x: 0, y: 4 },
-    [BoxTypes.DASHBOARD_XP_INFO]: { x: 0, y: 0 },
     [BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 0, y: 2 },
     [BoxTypes.DASHBOARD_CALENDER]: { x: 0, y: 7 },
     [BoxTypes.DASHBOARD_LEADERBOARD]: { x: 0, y: 11 },
@@ -50,7 +48,6 @@ export const ALL_BOXES = [
 
 export const DEFAULT_BOXES = [
   BoxTypes.DASHBOARD_LASTEST_CONTENT,
-  BoxTypes.DASHBOARD_XP_INFO,
   BoxTypes.DASHBOARD_SEEDS_INFO,
   BoxTypes.DASHBOARD_CALENDER,
   BoxTypes.DASHBOARD_LEADERBOARD,
diff --git a/packages/web/components/MegaMenu/MegaMenuHeader.tsx b/packages/web/components/MegaMenu/MegaMenuHeader.tsx
index 0f78ba511..2a97270c6 100644
--- a/packages/web/components/MegaMenu/MegaMenuHeader.tsx
+++ b/packages/web/components/MegaMenu/MegaMenuHeader.tsx
@@ -24,7 +24,7 @@ import {
   useBreakpointValue,
   useDisclosure,
 } from '@metafam/ds';
-import { httpLink, Maybe } from '@metafam/utils';
+import { Maybe } from '@metafam/utils';
 import LogoImage from 'assets/logo.webp';
 import SearchIcon from 'assets/search-icon.svg';
 import { MetaLink } from 'components/Link';
@@ -56,7 +56,6 @@ import { debounceTime, filter, shareReplay, switchMap } from 'rxjs/operators';
 import { menuIcons } from 'utils/menuIcons';
 import { MenuSectionLinks } from 'utils/menuLinks';
 import {
-  getPlayerImage,
   getPlayerName,
   getPlayerURL,
   getPlayerUsername,
diff --git a/packages/web/components/Quest/QuestTile.tsx b/packages/web/components/Quest/QuestTile.tsx
index 744303a9a..2bc43f649 100644
--- a/packages/web/components/Quest/QuestTile.tsx
+++ b/packages/web/components/Quest/QuestTile.tsx
@@ -61,7 +61,7 @@ export const QuestTile: React.FC<Props> = ({ quest }) => {
                 px={4}
                 py={3}
                 borderRadius={10}
-                bgColor="whiteAlpha.100"
+                bgColor="whiteA0"
                 backdropFilter="blur(10px)"
               >
                 <Heading
diff --git a/packages/web/pages/community/index.tsx b/packages/web/pages/community/index.tsx
index 5de434b5b..510e0782f 100644
--- a/packages/web/pages/community/index.tsx
+++ b/packages/web/pages/community/index.tsx
@@ -90,16 +90,17 @@ const UnifiedCommunityPage: React.FC<Props> = ({
             onChange={handleTabChange}
           >
             <TabList
+              borderBottom="1px solid #2D2D2D"
+              justifyContent="space-between"
+              w="full"
               ml={{ sm: '0em', lg: '4em' }}
               mr={{ sm: '0em', lg: '4em' }}
             >
               {communityTabs.map(({ link }) => (
                 <Tab
                   key={`tab-${link}`}
-                  _selected={{
-                    color: 'pastelPurple',
-                    borderBottom: '2px solid var(--chakra-colors-pastelPurple)',
-                  }}
+                  _selected={{ color: 'white', borderBottom: '2px inset #A48DF3' }}
+                  color="gray.400"
                   w="100%"
                 >
                   {link}