diff --git a/components/core/Avatar/Avatar.tsx b/components/core/Avatar/Avatar.tsx
index bb76544e7..1575cd1d8 100644
--- a/components/core/Avatar/Avatar.tsx
+++ b/components/core/Avatar/Avatar.tsx
@@ -10,12 +10,13 @@ interface Props {
 const Avatar: FC<Props> = ({ className }) => {
   const rootClassName = cn(s.root, className)
   return (
-    <div className={rootClassName}>
-      <img
-        className="inline-block h-8 w-8 rounded-full"
-        src="https://vercel.com/api/www/avatar/61182a9f6bda512b4d9263c9c8a60aabe0402f4c?s=204"
-        alt=""
-      ></img>
+    <div
+      className="inline-block h-8 w-8 rounded-full border border-accent"
+      style={{
+        backgroundImage: 'linear-gradient(160deg, #F9CB28, #FF4D4D 100%)',
+      }}
+    >
+      {/* <img></img> */}
     </div>
   )
 }
diff --git a/package.json b/package.json
index 8cf8449f8..40ce71e89 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "next": "^9.5.4",
     "next-seo": "^4.11.0",
     "next-themes": "^0.0.4",
+    "nextjs-progressbar": "^0.0.6",
     "postcss-nesting": "^7.0.1",
     "react": "^16.13.1",
     "react-aria": "^3.0.0",
diff --git a/tailwind.config.js b/tailwind.config.js
index 4f605d5fa..8cbc245b8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,6 +17,7 @@ module.exports = {
         'accent-1': '#FAFAFA',
         'accent-2': '#F1F3F5',
         'accent-4': '#888',
+        'accent-6': '#E5E5E5',
         'accent-8': '#111111',
         violet: '#7928CA',
         pink: '#FF0080',
diff --git a/yarn.lock b/yarn.lock
index c78227ee0..d50dd2fa5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5756,6 +5756,13 @@ next@^9.5.4:
     webpack "4.44.1"
     webpack-sources "1.4.3"
 
+nextjs-progressbar@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/nextjs-progressbar/-/nextjs-progressbar-0.0.6.tgz#d1841df42f2342807dc6f7ad1034ddb8ec8541d4"
+  integrity sha512-9sxNpUSHOnmRV8/3yEZ9NV5c/ip2CpQ7jim3EOOZp49qIHrgNxmy/kzoulNjt50AlA7pAu/8rwgC2WpzmSMrdg==
+  dependencies:
+    nprogress "^0.2.0"
+
 no-case@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
@@ -5843,6 +5850,11 @@ normalize.css@^8.0.1:
   resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3"
   integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==
 
+nprogress@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
+  integrity sha1-y480xTIT2JVyP8urkH6UIq28r7E=
+
 nullthrows@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"