From 4214bd1eab1501f4190a2cfcc87bcb93b3664b5d Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Mon, 18 Mar 2024 18:13:46 +0100
Subject: [PATCH] refactor: update style of Chips

---
 src/App/styles.less             | 1 +
 src/common/Chips/Chip/Chip.less | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/App/styles.less b/src/App/styles.less
index a2581a88f..be0c26480 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -35,6 +35,7 @@
     --primary-accent-color: rgb(123, 91, 245);
     --secondary-accent-color: rgba(34, 179, 101, 1);
     --tertiary-accent-color: rgba(246, 199, 0, 1);
+    --quaternary-accent-color: rgba(18, 69, 166, 1);
     --overlay-color: rgba(255, 255, 255, 0.05);
     --modal-background-color: rgba(15, 13, 32, 1);
     --outer-glow: 0px 0px 30px rgba(123, 91, 245, 0.37);
diff --git a/src/common/Chips/Chip/Chip.less b/src/common/Chips/Chip/Chip.less
index a0eb12d40..2adbcb727 100644
--- a/src/common/Chips/Chip/Chip.less
+++ b/src/common/Chips/Chip/Chip.less
@@ -14,7 +14,7 @@
     color: var(--primary-foreground-color);
     white-space: nowrap;
     text-transform: capitalize;
-    padding: 0 1.5rem;
+    padding: 0 1.75rem;
     border-radius: @height;
     -webkit-tap-highlight-color: transparent;
     background-color: transparent;
@@ -27,8 +27,8 @@
     }
 
     &.active {
-        font-weight: 600;
-        background-color: var(--primary-accent-color);
+        font-weight: 700;
+        background-color: var(--quaternary-accent-color);
         transition: background-color 0.1s ease-in;
     }
 }
\ No newline at end of file