Remove popover-arrow margin to fix alignment of the arrow (#32787)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/_popover.scss b/scss/_popover.scss
index e4f686043c7e8e5669922c44988a76d404c1ec0f..3778f6ff76ac2cac4536a97120382629788c9cf4 100644 (file)
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -22,7 +22,6 @@
     display: block;
     width: $popover-arrow-width;
     height: $popover-arrow-height;
-    margin: 0 $popover-border-radius;
 
     &::before,
     &::after {
@@ -64,7 +63,6 @@
     left: subtract(-$popover-arrow-height, $popover-border-width);
     width: $popover-arrow-height;
     height: $popover-arrow-width;
-    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
 
     &::before {
       left: 0;
@@ -121,7 +119,6 @@
     right: subtract(-$popover-arrow-height, $popover-border-width);
     width: $popover-arrow-height;
     height: $popover-arrow-width;
-    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
 
     &::before {
       right: 0;