From 95386cd1166c4e70eb86a1f4248c0ff351bf91dd Mon Sep 17 00:00:00 2001
From: Jan Skovgaard <1932158+BatJan@users.noreply.github.com>
Date: Wed, 1 Sep 2021 16:35:13 +0200
Subject: [PATCH] Color swatch "selected" state - Icon looks weird (#11003)

---
 .../src/less/components/check-circle.less                 | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/check-circle.less b/src/Umbraco.Web.UI.Client/src/less/components/check-circle.less
index fadf9c7940..a167644ea8 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/check-circle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/check-circle.less
@@ -1,19 +1,17 @@
 .check_circle {
     display: flex;
+    justify-content: center;
+    align-items: center;
     width: 20px;
     height: 20px;
-    margin: 0 auto;
 
     .icon {
         background-color: rgba(0,0,0,.15);
         border-radius: 50%;
+        padding: 3px;
         color: @white;
-        font-size: 1em;
         display: flex;
-        width: 100%;
-        height: 100%;
         align-items: center;
         justify-content: center;
-        float: left;
     }
 }