diff --git a/src/common/ColorInput/styles.less b/src/common/ColorInput/styles.less
index 7ed494061..56bd1f601 100644
--- a/src/common/ColorInput/styles.less
+++ b/src/common/ColorInput/styles.less
@@ -17,7 +17,6 @@
         align-items: center;
         justify-content: center;
         padding: 0 0.5rem;
-        border: thin solid @color-surface-light5-20;
         pointer-events: none;
 
         .transparent-label {
diff --git a/src/routes/Settings/styles.less b/src/routes/Settings/styles.less
index a8dd1a990..dc0c2f2ef 100644
--- a/src/routes/Settings/styles.less
+++ b/src/routes/Settings/styles.less
@@ -316,7 +316,14 @@
                         }
 
                         &.color-input-container {
-                            padding: 1.75rem 1rem;
+                            padding: 1.3rem 1rem;
+                            border-radius: 3rem;
+                            border: 2px solid transparent;
+                            transition: 0.3s all ease-in-out;
+
+                            &:hover {
+                                border-color: var(--overlay-color);
+                            }
                         }
 
                         &.info-container {