diff --git a/app/web/config/tailwind.config.js b/app/web/config/tailwind.config.js
index 1089e04..1ae3348 100644
--- a/app/web/config/tailwind.config.js
+++ b/app/web/config/tailwind.config.js
@@ -24,6 +24,7 @@ module.exports = {
760: '#232532',
700: '#2A3038',
600: '#3B3E4B',
+ 550: '#63636A',
500: '#9F9FB4',
400: '#A4A4B0',
300: '#CFCFD8',
diff --git a/app/web/src/components/EditorMenu/EditorMenu.tsx b/app/web/src/components/EditorMenu/EditorMenu.tsx
index f406c38..158b673 100644
--- a/app/web/src/components/EditorMenu/EditorMenu.tsx
+++ b/app/web/src/components/EditorMenu/EditorMenu.tsx
@@ -26,7 +26,7 @@ const EditorMenu = () => {
return (
-
+
diff --git a/app/web/src/components/IdeHeader/IdeHeader.tsx b/app/web/src/components/IdeHeader/IdeHeader.tsx
index 3a616a4..62822db 100644
--- a/app/web/src/components/IdeHeader/IdeHeader.tsx
+++ b/app/web/src/components/IdeHeader/IdeHeader.tsx
@@ -102,9 +102,9 @@ const IdeHeader = ({
-
+
)}
/>
diff --git a/app/web/src/components/IdeSideBar/IdeSideBar.tsx b/app/web/src/components/IdeSideBar/IdeSideBar.tsx
index 9ee1d84..325f75c 100644
--- a/app/web/src/components/IdeSideBar/IdeSideBar.tsx
+++ b/app/web/src/components/IdeSideBar/IdeSideBar.tsx
@@ -4,13 +4,13 @@ import Svg from 'src/components/Svg/Svg'
const IdeSideBar = () => {
return (
-
+
-
+