diff --git a/dmp-frontend/src/assets/css/demo.css b/dmp-frontend/src/assets/css/demo.css
index c05c09479..2538b5e45 100644
--- a/dmp-frontend/src/assets/css/demo.css
+++ b/dmp-frontend/src/assets/css/demo.css
@@ -78,7 +78,7 @@ h6 {
 }
 
 .sidebar[data-color="danger"] li.active>a {
-	background-color: var(--primary-color-1);
+	background-color: var(--primary-color);
 	/* -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */
 	/* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */
 	box-shadow: none;
diff --git a/dmp-frontend/src/styles.scss b/dmp-frontend/src/styles.scss
index fdf107b88..dc24a9757 100644
--- a/dmp-frontend/src/styles.scss
+++ b/dmp-frontend/src/styles.scss
@@ -55,7 +55,6 @@
 
   :root {
 	--primary-color: #129d99;
-	--primary-color-1: #129d99;
 	--primary-color-2: #23bcba;
 	--primary-color-3: #00b29f;
 	--secondary-color: #f7dd72;
@@ -81,7 +80,7 @@
 }
 
 .lightblue-btn {
-	background-color: var(--primary-color-1) !important;
+	background-color: var(--primary-color) !important;
 	color: white !important;
 	//   background-color: rgba(0, 112, 192, 1) !important;
 }
@@ -123,7 +122,7 @@
 		border: 0.1em solid rgb(218, 227, 243);
 		border-radius: 10em;
 		background-color: rgb(236, 241, 249);
-		color: var(--primary-color-1);
+		color: var(--primary-color);
 		// color: rgba(0, 112, 192, 1);
 		// color: rgb(68, 114, 196);
 		text-transform: uppercase;