diff --git a/src/Components/Sidebar/index.jsx b/src/Components/Sidebar/index.jsx
index cb2b5aafb..2bc84ed23 100644
--- a/src/Components/Sidebar/index.jsx
+++ b/src/Components/Sidebar/index.jsx
@@ -208,7 +208,7 @@ function Sidebar() {
 				borderRight: `1px solid ${theme.palette.primary.lowContrast}`, 
 				borderColor: theme.palette.primary.lowContrast,
 				borderRadius: 0,
-				backgroundColor: theme.palette.primary.sidebar,
+				backgroundColor: theme.palette.primary.main,
 				"& :is(p, span, .MuiListSubheader-root)": {
 					/* 
 					Text color for unselected menu items and menu headings
diff --git a/src/Utils/Theme/constants.js b/src/Utils/Theme/constants.js
index 52623ac0c..239d36e36 100644
--- a/src/Utils/Theme/constants.js
+++ b/src/Utils/Theme/constants.js
@@ -109,8 +109,6 @@ const newColors = {
 	red400: "#D92020",
 	red600: "#9B4B4B",
 	red700: "#980303",
-	sidebarLight: "#F9F9FB",
-	sidebarDark: "#1A1A1D",
 };
 
 /* 
@@ -169,10 +167,6 @@ const newSemanticColors = {
 			light: newColors.gray200,
 			dark: newColors.blueGray600,
 		},
-		sidebar: {
-			light: newColors.sidebarLight,
-			dark: newColors.sidebarDark,
-		},
 	},
 	secondary: {
 		main: {