diff --git a/src/index.css b/src/index.css
index 799b654..489e144 100644
--- a/src/index.css
+++ b/src/index.css
@@ -108,7 +108,7 @@ ul {
 @tailwind utilities;
 
 .btn {
-	@apply bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded;
+	@apply bg-transparent hover:bg-blue-500 text-blue-800 bg-blue-300 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded;
 }
 
 .btn-delete {
@@ -116,7 +116,7 @@ ul {
 }
 
 .inputField {
-	@apply shadow appearance-none border border-gray-500 rounded w-8/12 py-2 px-3 text-gray-700 m-2 leading-tight focus:outline-none;
+	@apply shadow appearance-none border border-gray-500 rounded w-8/12 py-2 px-3 text-gray-700 bg-blue-300 m-2 leading-tight focus:outline-none;
 }
 
 .h3 {
@@ -124,5 +124,5 @@ ul {
 }
 
 .legendIcon {
-	@apply text-center mr-2 rounded-md h-11 w-12 bg-blue-400 text-white;
+	@apply text-center mr-2 rounded-md h-11 w-12 bg-blue-600 text-white;
 }
diff --git a/src/views/List.css b/src/views/List.css
index 72676a1..407543e 100644
--- a/src/views/List.css
+++ b/src/views/List.css
@@ -9,14 +9,16 @@
 }
 
 .chippy-suggestion {
-	text-shadow: 1px 1px gray;
+	/* text-shadow: 1px 1px gray; */
 	font-size: 1.5rem;
 	line-height: 24px;
-	background: #2b90ca;
+	/* background: #247aab; */
+	background: #92c5fd;
 	border-radius: 40px;
 	padding: 5%;
 	text-align: left;
-	color: #fff;
+	/* color: #fff; */
+	color: #1d3faf;
 	bottom: 300px;
 	right: 15%;
 }