diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index fcb6a4140..b8efbe94c 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1193,13 +1193,15 @@ i.icon.centerlock {
 }
 
 .color-icon {
-    padding-right: .7em;
-    padding-left: .5em;
     margin-right: .5em;
     margin-left: .5em;
-    display: inline;
-    border: 1px solid rgba(0, 0, 0, .2);
-    border-radius: 500em;
+    display: inline-block;
+    border: 0 solid rgba(0, 0, 0, .2);
+    border-radius: 100%;
+    height: 14px;
+    width: 14px;
+    position: relative;
+    top: 2px;
 }
 
 .ui.label > .color-icon {