From a80770752683ba87506345d409cd00a8c07a4e83 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Wed, 31 Aug 2022 20:03:27 +0300
Subject: [PATCH] Make popover icon's border outside

---
 src/styles/popover.css   | 6 +++---
 src/styles/variables.css | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/styles/popover.css b/src/styles/popover.css
index 8c888bb3..48d042db 100644
--- a/src/styles/popover.css
+++ b/src/styles/popover.css
@@ -68,7 +68,7 @@
     @media (--can-hover) {
       &:hover {
         .ce-popover__item-icon {
-          border: none;
+          box-shadow: none;
         }
       }
     }
@@ -77,7 +77,7 @@
       @apply --button-disabled;
 
       .ce-popover__item-icon {
-        border: 1px solid var(--color-line-gray);
+        box-shadow: 0 0 0 1px var(--color-line-gray);
       }
     }
 
@@ -151,7 +151,7 @@
 
     &--confirmation, &--active, &--focused {
       .ce-popover__item-icon {
-        border: none;
+        box-shadow: none;
       }
     }
   }
diff --git a/src/styles/variables.css b/src/styles/variables.css
index a1e2ab1d..128b78e5 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -230,12 +230,12 @@
     display: inline-flex;
     width: var(--toolbox-buttons-size);
     height: var(--toolbox-buttons-size);
-    border: 1px solid var(--color-gray-border);
+    box-shadow: 0 0 0 1px var(--color-gray-border);
     border-radius: 5px;
     align-items: center;
     justify-content: center;
     background: #fff;
-    box-sizing: border-box;
+    box-sizing: content-box;
     flex-shrink: 0;
     margin-right: 10px;