diff --git a/packages/g6/__tests__/demo/case/combo-expand-collapse.ts b/packages/g6/__tests__/demo/case/combo-expand-collapse.ts
index b60b52fbdbc..2a851e213b7 100644
--- a/packages/g6/__tests__/demo/case/combo-expand-collapse.ts
+++ b/packages/g6/__tests__/demo/case/combo-expand-collapse.ts
@@ -25,12 +25,12 @@ export const comboExpandCollapse: STDTestCase = async (context) => {
     },
     node: {
       style: {
-        labelText: (d: any) => d.id,
+        labelText: (d) => d.id,
       },
     },
     combo: {
       style: {
-        labelText: (d: any) => d.id,
+        labelText: (d) => d.id,
         lineDash: 0,
         collapsedLineDash: [5, 5],
       },
diff --git a/packages/g6/__tests__/demo/case/element-position-combo.ts b/packages/g6/__tests__/demo/case/element-position-combo.ts
index 313c11363f6..26f9aecb7a6 100644
--- a/packages/g6/__tests__/demo/case/element-position-combo.ts
+++ b/packages/g6/__tests__/demo/case/element-position-combo.ts
@@ -21,12 +21,12 @@ export const elementPositionCombo: STDTestCase = async (context) => {
       style: {
         size: 20,
         labelWordWrapWidth: 200,
-        labelText: (d: any) => d.id,
+        labelText: (d) => d.id,
       },
     },
     combo: {
       style: {
-        labelText: (d: any) => d.id,
+        labelText: (d) => d.id,
       },
     },
     padding: 20,
diff --git a/packages/g6/__tests__/demo/case/element-z-index.ts b/packages/g6/__tests__/demo/case/element-z-index.ts
index 0d9a7250004..f45385322f9 100644
--- a/packages/g6/__tests__/demo/case/element-z-index.ts
+++ b/packages/g6/__tests__/demo/case/element-z-index.ts
@@ -25,15 +25,15 @@ export const elementZIndex: STDTestCase = async (context) => {
     node: {
       style: {
         size: 40,
-        labelText: (d: any) => d.id,
+        labelText: (d) => d.id,
         labelWordWrapWidth: 200,
-        fill: (d: any, index: number) => ['red', 'green', 'blue'][index],
+        color: (d, index) => ['red', 'green', 'blue'][index],
       },
     },
     combo: {
       style: {
-        labelText: (d: any) => d.id,
-        fill: (d: any, index: number) => ['pink', 'cyan', 'purple', 'orange'][index],
+        labelText: (d) => d.id,
+        color: (d, index: number) => ['pink', 'cyan', 'purple', 'orange'][index],
       },
     },
     behaviors: ['drag-element'],
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/collapse-combo-2.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/collapse-combo-2.svg
index f6507826d8a..06877ec7369 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/collapse-combo-2.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/collapse-combo-2.svg
@@ -25,21 +25,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/default.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/default.svg
index 62fa1a803de..dcf83d24618 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/default.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/default.svg
@@ -13,37 +13,26 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -71,21 +60,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -130,18 +108,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -153,27 +131,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/expand-combo-1.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/expand-combo-1.svg
index fdf399e160c..f93d22b0b63 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/expand-combo-1.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-collapse-expand/expand-combo-1.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-199.06606933601074,-199.06606933601074)"
-              cx="199.06606933601074"
-              cy="199.06606933601074"
+              transform="translate(-195.98800960252387,-195.98800960252387)"
+              cx="195.98800960252387"
+              cy="195.98800960252387"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="199.06606933601074"
+              r="195.98800960252387"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,199.066071)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,195.988007)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 163.2400008392334,0 l 0,175 l-163.2400008392334 0 z"
-              transform="translate(-81.6200004196167,-87.5)"
+              d="M 0,0 l 163.24,0 l 0,167 l-163.24 0 z"
+              transform="translate(-81.62,-83.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="163.2400008392334"
-              height="175"
+              width="163.24"
+              height="167"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,87.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,83.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,133.986511,107.770287)">
+          <g transform="matrix(1,0,0,1,130.489883,105.827713)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 152.0269671641108,84.45942620228378"
+              d="M 0,0 L 159.02022537308312,88.34456965171283"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,211.313705,211.313705)">
+          <g transform="matrix(1,0,0,1,208.485275,208.485275)">
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/default.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/default.svg
index fdf399e160c..f93d22b0b63 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/default.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/default.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-199.06606933601074,-199.06606933601074)"
-              cx="199.06606933601074"
-              cy="199.06606933601074"
+              transform="translate(-195.98800960252387,-195.98800960252387)"
+              cx="195.98800960252387"
+              cy="195.98800960252387"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="199.06606933601074"
+              r="195.98800960252387"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,199.066071)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,195.988007)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 163.2400008392334,0 l 0,175 l-163.2400008392334 0 z"
-              transform="translate(-81.6200004196167,-87.5)"
+              d="M 0,0 l 163.24,0 l 0,167 l-163.24 0 z"
+              transform="translate(-81.62,-83.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="163.2400008392334"
-              height="175"
+              width="163.24"
+              height="167"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,87.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,83.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,133.986511,107.770287)">
+          <g transform="matrix(1,0,0,1,130.489883,105.827713)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 152.0269671641108,84.45942620228378"
+              d="M 0,0 L 159.02022537308312,88.34456965171283"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,211.313705,211.313705)">
+          <g transform="matrix(1,0,0,1,208.485275,208.485275)">
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-move.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-move.svg
index 7b3f0969642..5a16db23aa4 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-move.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-move.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-151.01801241024836,-151.01801241024836)"
-              cx="151.01801241024836"
-              cy="151.01801241024836"
+              transform="translate(-147.7512774902471,-147.7512774902471)"
+              cx="147.7512774902471"
+              cy="147.7512774902471"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="151.01801241024836"
+              r="147.7512774902471"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.018005)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,147.751282)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.360000305175845,0 l 0,75 l-63.360000305175845 0 z"
-              transform="translate(-31.680000152587922,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.360000305175845"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,382.630371,275.782288)">
+          <g transform="matrix(1,0,0,1,381.972778,271.836731)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737143 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,307.938232,273.891876)">
+          <g transform="matrix(1,0,0,1,305.953674,270.418915)">
             <path
               id="key"
               fill="none"
-              d="M 64.12355397258136,0 L 0,112.2162194520173"
+              d="M 68.09266547943594,0 L 0,119.16216458901295"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-out.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-out.svg
index edfb86d8a25..b79f65081e4 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-out.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-after-drop-out.svg
@@ -19,31 +19,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-105.82414482644592,-105.82414482644592)"
-              cx="105.82414482644592"
-              cy="105.82414482644592"
+              transform="translate(-102.15062212243252,-102.15062212243252)"
+              cx="102.15062212243252"
+              cy="102.15062212243252"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="105.82414482644592"
+              r="102.15062212243252"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,105.824142)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,102.150620)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -65,31 +54,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.36000000000001,0 l 0,67 l-63.36000000000001 0 z"
+              transform="translate(-31.680000000000003,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.36000000000001"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -119,18 +97,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,382.630371,275.782288)">
+          <g transform="matrix(1,0,0,1,381.972778,271.836731)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737143 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -151,18 +129,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,65.178932,155.059647)">
+          <g transform="matrix(1,0,0,1,61.384201,153.794739)">
             <path
               id="key"
               fill="none"
-              d="M 299.6421344623835,99.88071148746121 L 0,0"
+              d="M 307.2316008467876,102.41053361559591 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -174,27 +152,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -215,27 +180,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -256,27 +208,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-move.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-move.svg
index 3f40790f416..59aedb1e4dc 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-move.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-move.svg
@@ -19,31 +19,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-167.5013137688884,-167.5013137688884)"
-              cx="167.5013137688884"
-              cy="167.5013137688884"
+              transform="translate(-165.20499387125076,-165.20499387125076)"
+              cx="165.20499387125076"
+              cy="165.20499387125076"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="167.5013137688884"
+              r="165.20499387125076"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,167.501312)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,165.204987)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -65,31 +54,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.360000305175845,0 l 0,75 l-63.360000305175845 0 z"
-              transform="translate(-31.680000152587922,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.360000305175845"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -119,18 +97,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,382.630371,275.782288)">
+          <g transform="matrix(1,0,0,1,381.972778,271.836731)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737143 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -151,18 +129,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,307.938232,273.891876)">
+          <g transform="matrix(1,0,0,1,305.953674,270.418915)">
             <path
               id="key"
               fill="none"
-              d="M 64.12355397258136,0 L 0,112.2162194520173"
+              d="M 68.09266547943594,0 L 0,119.16216458901295"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -174,27 +152,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -215,27 +180,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -256,27 +208,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-out.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-out.svg
index 1c3e0794974..930dad83f8c 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-out.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-1-before-drop-out.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-151.01801241024836,-151.01801241024836)"
-              cx="151.01801241024836"
-              cy="151.01801241024836"
+              transform="translate(-147.7512774902471,-147.7512774902471)"
+              cx="147.7512774902471"
+              cy="147.7512774902471"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="151.01801241024836"
+              r="147.7512774902471"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.018005)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,147.751282)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.36000000000001,0 l 0,67 l-63.36000000000001 0 z"
+              transform="translate(-31.680000000000003,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.36000000000001"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,382.630371,275.782288)">
+          <g transform="matrix(1,0,0,1,381.972778,271.836731)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737143 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,65.178932,155.059647)">
+          <g transform="matrix(1,0,0,1,61.384201,153.794739)">
             <path
               id="key"
               fill="none"
-              d="M 299.6421344623835,99.88071148746121 L 0,0"
+              d="M 307.2316008467876,102.41053361559591 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-after-drop-into.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-after-drop-into.svg
index fbd5f2468a6..3f79bf27743 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-after-drop-into.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-after-drop-into.svg
@@ -10,36 +10,25 @@
   <g id="g-svg-camera" transform="matrix(1,0,0,1,0,0)">
     <g id="g-root" fill="none" transform="matrix(1,0,0,1,0,0)">
       <g id="g-svg-7" fill="none" transform="matrix(1,0,0,1,0,0)">
-        <g id="combo-1" fill="none" transform="matrix(1,0,0,1,162.362076,143)">
+        <g id="combo-1" fill="none" transform="matrix(1,0,0,1,160.525314,143)">
           <g transform="matrix(1,0,0,1,0,0)">
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 287.08414696267636,0 l 0,254.64828728250058 l-287.08414696267636 0 z"
-              transform="translate(-143.54207348133818,-127.32414364125029)"
+              d="M 0,0 l 283.41062395348723,0 l 0,247.30124162926845 l-283.41062395348723 0 z"
+              transform="translate(-141.70531197674362,-123.65062081463422)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="287.08414696267636"
-              height="254.64828728250058"
+              width="283.41062395348723"
+              height="247.30124162926845"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,127.324142)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,123.650620)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-105.82414482644589,-105.82414482644589)"
-              cx="105.82414482644589"
-              cy="105.82414482644589"
+              transform="translate(-102.15062212243251,-102.15062212243251)"
+              cx="102.15062212243251"
+              cy="102.15062212243251"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="105.82414482644589"
+              r="102.15062212243251"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,105.824142)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,102.150620)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,182.630386,75.782303)">
+          <g transform="matrix(1,0,0,1,181.972794,71.836723)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737141 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,63.155075,69.107361)">
+          <g transform="matrix(1,0,0,1,59.866306,66.830521)">
             <path
               id="key"
               fill="none"
-              d="M 103.68984986739908,0 L 0,71.78528067743014"
+              d="M 110.2673874005493,0 L 0,76.3389605080726"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-before-drop-into.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-before-drop-into.svg
index d9ec794df42..61ac4babe10 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-before-drop-into.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-combo-2-before-drop-into.svg
@@ -19,31 +19,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.36000000000001,0 l 0,67 l-63.36000000000001 0 z"
+              transform="translate(-31.680000000000003,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.36000000000001"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -65,31 +54,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-105.82414482644589,-105.82414482644589)"
-              cx="105.82414482644589"
-              cy="105.82414482644589"
+              transform="translate(-102.15062212243251,-102.15062212243251)"
+              cx="102.15062212243251"
+              cy="102.15062212243251"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="105.82414482644589"
+              r="102.15062212243251"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,105.824142)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,102.150620)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -119,18 +97,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,182.630386,75.782303)">
+          <g transform="matrix(1,0,0,1,181.972794,71.836723)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737141 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -151,18 +129,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,63.155075,69.107361)">
+          <g transform="matrix(1,0,0,1,59.866306,66.830521)">
             <path
               id="key"
               fill="none"
-              d="M 103.68984986739908,0 L 0,71.78528067743014"
+              d="M 110.2673874005493,0 L 0,76.3389605080726"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -174,27 +152,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -215,27 +180,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -256,27 +208,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-into.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-into.svg
index 3ac87b3259e..8a44b5784d2 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-into.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-into.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-146.6581892938238,-146.6581892938238)"
-              cx="146.6581892938238"
-              cy="146.6581892938238"
+              transform="translate(-144.68111279638404,-144.68111279638404)"
+              cx="144.68111279638404"
+              cy="144.68111279638404"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="146.6581892938238"
+              r="144.68111279638404"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,146.658188)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,144.681107)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,315.522278,263.880585)">
+          <g transform="matrix(1,0,0,1,311.641724,262.910431)">
             <path
               id="key"
               fill="none"
-              d="M 0,12.23885999883737 L 48.955439995349366,0"
+              d="M 0,14.17914499912797 L 56.716579996511996,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-move.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-move.svg
index 67115355943..924b7f5c6f1 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-move.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-move.svg
@@ -19,31 +19,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-167.5013137688884,-167.5013137688884)"
-              cx="167.5013137688884"
-              cy="167.5013137688884"
+              transform="translate(-165.20499387125076,-165.20499387125076)"
+              cx="165.20499387125076"
+              cy="165.20499387125076"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="167.5013137688884"
+              r="165.20499387125076"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,167.501312)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,165.204987)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -65,31 +54,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -119,18 +97,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,382.630371,275.782288)">
+          <g transform="matrix(1,0,0,1,381.972778,271.836731)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737143 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -151,18 +129,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -174,27 +152,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -215,27 +180,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -256,27 +208,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-out.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-out.svg
index a024d140a3b..dbba50db697 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-out.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-after-drop-out.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-146.6581892938238,-146.6581892938238)"
-              cx="146.6581892938238"
-              cy="146.6581892938238"
+              transform="translate(-144.68111279638404,-144.68111279638404)"
+              cx="144.68111279638404"
+              cy="144.68111279638404"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="146.6581892938238"
+              r="144.68111279638404"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,146.658188)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,144.681107)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,63.126369,39.148682)">
+          <g transform="matrix(1,0,0,1,59.844776,36.861511)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 303.7472586633604,211.70263482597846"
+              d="M 0,0 L 310.31044399752034,216.27697611948383"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-into.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-into.svg
index 3ac87b3259e..8a44b5784d2 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-into.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-into.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-146.6581892938238,-146.6581892938238)"
-              cx="146.6581892938238"
-              cy="146.6581892938238"
+              transform="translate(-144.68111279638404,-144.68111279638404)"
+              cx="144.68111279638404"
+              cy="144.68111279638404"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="146.6581892938238"
+              r="144.68111279638404"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,146.658188)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,144.681107)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,315.522278,263.880585)">
+          <g transform="matrix(1,0,0,1,311.641724,262.910431)">
             <path
               id="key"
               fill="none"
-              d="M 0,12.23885999883737 L 48.955439995349366,0"
+              d="M 0,14.17914499912797 L 56.716579996511996,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-move.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-move.svg
index 26a891b1e16..de027dd734f 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-move.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-move.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-146.6581892938238,-146.6581892938238)"
-              cx="146.6581892938238"
-              cy="146.6581892938238"
+              transform="translate(-144.68111279638404,-144.68111279638404)"
+              cx="144.68111279638404"
+              cy="144.68111279638404"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="146.6581892938238"
+              r="144.68111279638404"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,146.658188)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,144.681107)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,382.630371,275.782288)">
+          <g transform="matrix(1,0,0,1,381.972778,271.836731)">
             <path
               id="key"
               fill="none"
-              d="M 14.739232406228552,88.43539443737143 L 0,0"
+              d="M 16.054424304671443,96.32654582802854 L 0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-out.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-out.svg
index 9425b9cdc6b..fa0370da67b 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-out.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-1-before-drop-out.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-222.89481753970426,-222.89481753970426)"
-              cx="222.89481753970426"
-              cy="222.89481753970426"
+              transform="translate(-220.15017510781135,-220.15017510781135)"
+              cx="220.15017510781135"
+              cy="220.15017510781135"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="222.89481753970426"
+              r="220.15017510781135"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,222.894821)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,220.150177)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,63.126369,39.148682)">
+          <g transform="matrix(1,0,0,1,59.844776,36.861511)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 303.7472586633604,211.70263482597846"
+              d="M 0,0 L 310.31044399752034,216.27697611948383"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-after-drop-out.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-after-drop-out.svg
index bab56da8a4c..d5b217be657 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-after-drop-out.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-after-drop-out.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-222.89481753970426,-222.89481753970426)"
-              cx="222.89481753970426"
-              cy="222.89481753970426"
+              transform="translate(-220.15017510781135,-220.15017510781135)"
+              cx="220.15017510781135"
+              cy="220.15017510781135"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="222.89481753970426"
+              r="220.15017510781135"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,222.894821)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,220.150177)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 63.36000030517579,0 l 0,75 l-63.36000030517579 0 z"
-              transform="translate(-31.680000152587894,-37.5)"
+              d="M 0,0 l 63.360000000000014,0 l 0,67 l-63.360000000000014 0 z"
+              transform="translate(-31.680000000000007,-33.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="63.36000030517579"
-              height="75"
+              width="63.360000000000014"
+              height="67"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,37.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,33.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,133.626526,108.385559)">
+          <g transform="matrix(1,0,0,1,130.219894,106.289169)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 232.7469338654546,143.22888237874128"
+              d="M 0,0 L 239.56020039909095,147.42166178405597"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-before-drop-out.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-before-drop-out.svg
index cf5cc7f6830..6cffad34d0e 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-before-drop-out.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element-combo/drag-node-2-before-drop-out.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-199.06606933601074,-199.06606933601074)"
-              cx="199.06606933601074"
-              cy="199.06606933601074"
+              transform="translate(-195.98800960252387,-195.98800960252387)"
+              cx="195.98800960252387"
+              cy="195.98800960252387"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="199.06606933601074"
+              r="195.98800960252387"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,199.066071)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,195.988007)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 163.2400008392334,0 l 0,175 l-163.2400008392334 0 z"
-              transform="translate(-81.6200004196167,-87.5)"
+              d="M 0,0 l 163.24,0 l 0,167 l-163.24 0 z"
+              transform="translate(-81.62,-83.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="163.2400008392334"
-              height="175"
+              width="163.24"
+              height="167"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,87.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,83.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -115,18 +93,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,133.626526,108.385559)">
+          <g transform="matrix(1,0,0,1,130.219894,106.289169)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 232.7469338654546,143.22888237874128"
+              d="M 0,0 L 239.56020039909095,147.42166178405597"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="3"
               stroke="transparent"
             />
@@ -147,18 +125,18 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,215.618988,263.470886)">
+          <g transform="matrix(1,0,0,1,211.714249,262.603180)">
             <path
               id="key"
               fill="none"
-              d="M 148.7620140741135,0 L 0,33.058225349803024"
+              d="M 156.57151055558515,0 L 0,34.79366901235221"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 77.3725830020305,0 L 0,77.3725830020305"
+              d="M 83.02943725152284,0 L 0,83.02943725152284"
               stroke-width="3"
               stroke="transparent"
             />
@@ -170,27 +148,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -211,27 +176,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -252,27 +204,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
-              transform="translate(-16,-16)"
-              cx="16"
-              cy="16"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
-              r="16"
+              fill="rgba(23,131,255,1)"
+              transform="translate(-12,-12)"
+              cx="12"
+              cy="12"
+              r="12"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,16)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,12)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow-after-drag.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow-after-drag.svg
index c7dd921c976..60f587ceee7 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow-after-drag.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow-after-drag.svg
@@ -46,38 +46,38 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 115.00037736133861,32.85725067466816"
+              d="M 0,0 L 115.96190130897944,33.13197180256554"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 74,7.347880794884119e-16"
+              d="M 0,0 L 75,6.123233995736766e-16"
               stroke-width="3"
               stroke="transparent"
             />
-            <g transform="matrix(-0.961524,-0.274721,0.274721,-0.961524,115.000374,32.857250)">
+            <g transform="matrix(-0.961524,-0.274721,0.274721,-0.961524,115.961899,33.131973)">
               <path
                 id="g-svg-21"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
               />
               <path
                 id="g-svg-21"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
               />
             </g>
@@ -102,7 +102,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 50.87079051870184,135.65544138320482"
+              d="M 0,0 L 51.22191396029023,136.59177056077385"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -110,33 +110,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,74"
+              d="M 0,0 L 3.061616997868383e-16,75"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,50.870792,135.655441)">
+            <g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,51.221912,136.591766)">
               <path
                 id="g-svg-25"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-25"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -162,7 +162,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,114"
+              d="M 0,0 L 3.061616997868383e-16,115"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -170,33 +170,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,74"
+              d="M 0,0 L 3.061616997868383e-16,75"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(0,-1,1,0,0,114)">
+            <g transform="matrix(0,-1,1,0,0,115)">
               <path
                 id="g-svg-29"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-29"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -222,7 +222,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 175.09651658425005,52.52895497527503"
+              d="M 0,0 L 176.05434286947118,52.816302860841375"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -230,33 +230,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 74,7.347880794884119e-16"
+              d="M 0,0 L 75,6.123233995736766e-16"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(-0.957826,-0.287348,0.287348,-0.957826,175.096512,52.528954)">
+            <g transform="matrix(-0.957826,-0.287348,0.287348,-0.957826,176.054337,52.816303)">
               <path
                 id="g-svg-33"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-33"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -269,12 +269,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -283,12 +281,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -297,12 +293,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -311,12 +305,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow.svg
index abcd0246250..500da25d412 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo-shadow.svg
@@ -46,38 +46,38 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 94.35375798036425,15.725626330060715"
+              d="M 0,0 L 95.34015190419639,15.890025317366073"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 74,7.347880794884119e-16"
+              d="M 0,0 L 75,6.123233995736766e-16"
               stroke-width="3"
               stroke="transparent"
             />
-            <g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,94.353760,15.725626)">
+            <g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,95.340149,15.890025)">
               <path
                 id="g-svg-21"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
               />
               <path
                 id="g-svg-21"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
               />
             </g>
@@ -102,7 +102,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 50.87079051870184,135.65544138320482"
+              d="M 0,0 L 51.22191396029023,136.59177056077385"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -110,33 +110,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,74"
+              d="M 0,0 L 3.061616997868383e-16,75"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,50.870792,135.655441)">
+            <g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,51.221912,136.591766)">
               <path
                 id="g-svg-25"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-25"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -162,7 +162,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,114"
+              d="M 0,0 L 3.061616997868383e-16,115"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -170,33 +170,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,74"
+              d="M 0,0 L 3.061616997868383e-16,75"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(0,-1,1,0,0,114)">
+            <g transform="matrix(0,-1,1,0,0,115)">
               <path
                 id="g-svg-29"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-29"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -222,7 +222,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 154.61913643521726,34.35980809671495"
+              d="M 0,0 L 155.5953234954012,34.576738554533605"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -230,33 +230,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 74,7.347880794884119e-16"
+              d="M 0,0 L 75,6.123233995736766e-16"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(-0.976187,-0.216930,0.216930,-0.976187,154.619141,34.359810)">
+            <g transform="matrix(-0.976187,-0.216930,0.216930,-0.976187,155.595322,34.576740)">
               <path
                 id="g-svg-33"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-33"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -269,12 +269,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -283,12 +281,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -297,12 +293,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -311,12 +305,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
diff --git a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo.svg b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo.svg
index ff8e32d0a74..3df3709dc08 100644
--- a/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo.svg
+++ b/packages/g6/__tests__/snapshots/behaviors/behavior-drag-element/drag-combo.svg
@@ -46,38 +46,38 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 94.35375798036425,15.725626330060715"
+              d="M 0,0 L 95.34015190419639,15.890025317366073"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 74,7.347880794884119e-16"
+              d="M 0,0 L 75,6.123233995736766e-16"
               stroke-width="3"
               stroke="transparent"
             />
-            <g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,94.353760,15.725626)">
+            <g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,95.340149,15.890025)">
               <path
                 id="g-svg-21"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
               />
               <path
                 id="g-svg-21"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
               />
             </g>
@@ -102,7 +102,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 50.87079051870184,135.65544138320482"
+              d="M 0,0 L 51.22191396029023,136.59177056077385"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -110,33 +110,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,74"
+              d="M 0,0 L 3.061616997868383e-16,75"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,50.870792,135.655441)">
+            <g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,51.221912,136.591766)">
               <path
                 id="g-svg-25"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-25"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -162,7 +162,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,114"
+              d="M 0,0 L 3.061616997868383e-16,115"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -170,33 +170,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 3.6739403974420594e-16,74"
+              d="M 0,0 L 3.061616997868383e-16,75"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(0,-1,1,0,0,114)">
+            <g transform="matrix(0,-1,1,0,0,115)">
               <path
                 id="g-svg-29"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-29"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -222,7 +222,7 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 154.61913643521726,34.35980809671495"
+              d="M 0,0 L 155.5953234954012,34.576738554533605"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
               visibility="visible"
@@ -230,33 +230,33 @@
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 74,7.347880794884119e-16"
+              d="M 0,0 L 75,6.123233995736766e-16"
               stroke-width="3"
               stroke="transparent"
               visibility="visible"
             />
-            <g transform="matrix(-0.976187,-0.216930,0.216930,-0.976187,154.619141,34.359810)">
+            <g transform="matrix(-0.976187,-0.216930,0.216930,-0.976187,155.595322,34.576740)">
               <path
                 id="g-svg-33"
                 fill="rgba(153,173,209,1)"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="1"
                 stroke="rgba(153,173,209,1)"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
               <path
                 id="g-svg-33"
                 fill="transparent"
-                d="M 0,5 L 10,0 L 10,10 Z"
-                transform="translate(-5,-5)"
+                d="M 0,4 L 8,0 L 8,8 Z"
+                transform="translate(-4,-4)"
                 stroke-width="3"
                 stroke="transparent"
-                width="10"
-                height="10"
+                width="8"
+                height="8"
                 stroke-dasharray="0,0"
                 visibility="visible"
               />
@@ -269,12 +269,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -283,12 +281,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -297,12 +293,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
@@ -311,12 +305,10 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottom.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottom.svg
index 70f97370a5d..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottom.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottom.svg
@@ -3,7 +3,7 @@
   width="500"
   height="500"
   style="background: transparent; position: absolute; outline: none;"
-  color-interpolation-filters="sRGB"≈≈
+  color-interpolation-filters="sRGB"
   tabindex="1"
 >
   <defs />
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomLeft.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomLeft.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomLeft.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomLeft.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomRight.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomRight.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomRight.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-bottomRight.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-center.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-center.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-center.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-center.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-left.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-left.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-left.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-left.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-right.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-right.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-right.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-right.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-top.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-top.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-top.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-top.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topLeft.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topLeft.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topLeft.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topLeft.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topRight.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topRight.svg
index 2f23d77e046..3bb8c997aa3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topRight.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-collapse-topRight.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-childCount.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-childCount.svg
index a3fbf102ad0..61b9c8bdc35 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-childCount.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-childCount.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-custom.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-custom.svg
index 5bb0603d0db..8b7e1be544b 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-custom.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-custom.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-descendantCount.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-descendantCount.svg
index 361dc1fed53..a2a1663d8ff 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-descendantCount.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-descendantCount.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-nodeCount.svg b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-nodeCount.svg
index 4394f91d61f..f7825209768 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/circle-marker-nodeCount.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/circle-marker-nodeCount.svg
@@ -29,17 +29,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/default.svg b/packages/g6/__tests__/snapshots/elements/combo/default.svg
index 0b2912c758d..5aa02eeab63 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/default.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/default.svg
@@ -50,27 +50,16 @@
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 0,0 l 163.2400008392334,0 l 0,175 l-163.2400008392334 0 z"
-              transform="translate(-81.6200004196167,-87.5)"
+              d="M 0,0 l 163.24,0 l 0,167 l-163.24 0 z"
+              transform="translate(-81.62,-83.5)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="163.2400008392334"
-              height="175"
+              width="163.24"
+              height="167"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,87.500000)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,83.500000)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottom.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottom.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottom.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottom.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomLeft.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomLeft.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomLeft.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomLeft.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomRight.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomRight.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomRight.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-bottomRight.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-center.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-center.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-center.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-center.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-left.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-left.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-left.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-left.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-right.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-right.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-right.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-right.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-top.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-top.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-top.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-top.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topLeft.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topLeft.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topLeft.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topLeft.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topRight.svg b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topRight.svg
index 85221b170e4..0903be325f3 100644
--- a/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topRight.svg
+++ b/packages/g6/__tests__/snapshots/elements/combo/rect-collapse-topRight.svg
@@ -13,33 +13,22 @@
         <g
           id="combo-2"
           fill="none"
-          transform="matrix(1,0,0,1,188.110001,191.500000)"
+          transform="matrix(1,0,0,1,188.110001,193.500000)"
         >
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-153.21566140574532,-153.21566140574532)"
-              cx="153.21566140574532"
-              cy="153.21566140574532"
+              transform="translate(-151.68730632455703,-151.68730632455703)"
+              cx="151.68730632455703"
+              cy="151.68730632455703"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="153.21566140574532"
+              r="151.68730632455703"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,153.215668)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,151.687302)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -71,17 +60,6 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -115,11 +93,11 @@
             stroke="transparent"
             stroke-width="3"
           />
-          <g transform="matrix(1,0,0,1,130.478882,112.091026)">
+          <g transform="matrix(1,0,0,1,127.859169,109.068268)">
             <path
               id="key"
               fill="none"
-              d="M 0,0 L 103.2831220054212,120.21654828634792"
+              d="M 0,0 L 105.90284415909258,123.23930461750719"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
             />
diff --git a/packages/g6/__tests__/snapshots/elements/position-combo/default.svg b/packages/g6/__tests__/snapshots/elements/position-combo/default.svg
index d28b07cd6c9..2e672ef6268 100644
--- a/packages/g6/__tests__/snapshots/elements/position-combo/default.svg
+++ b/packages/g6/__tests__/snapshots/elements/position-combo/default.svg
@@ -22,31 +22,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-282.40431863132386,-282.40431863132386)"
-              cx="282.40431863132386"
-              cy="282.40431863132386"
+              transform="translate(-282.4043185318591,-282.4043185318591)"
+              cx="282.4043185318591"
+              cy="282.4043185318591"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="282.40431863132386"
+              r="282.4043185318591"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,282.404327)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -68,31 +57,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-152.93032172597734,-152.93032172597734)"
-              cx="152.93032172597734"
-              cy="152.93032172597734"
+              transform="translate(-152.9303215843003,-152.9303215843003)"
+              cx="152.9303215843003"
+              cy="152.9303215843003"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="152.93032172597734"
+              r="152.9303215843003"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,152.930328)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -114,31 +92,20 @@
             <circle
               id="key"
               fill="rgba(253,253,253,1)"
-              transform="translate(-44.76036219984682,-44.76036219984682)"
-              cx="44.76036219984682"
-              cy="44.76036219984682"
+              transform="translate(-44.760361928831635,-44.760361928831635)"
+              cx="44.760361928831635"
+              cy="44.760361928831635"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="44.76036219984682"
+              r="44.760361928831635"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,44.760361)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -158,27 +125,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,10)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -199,27 +153,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,10)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -240,27 +181,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,10)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -281,27 +209,14 @@
           <g transform="matrix(1,0,0,1,0,0)">
             <circle
               id="key"
-              fill="rgba(34,126,255,1)"
+              fill="rgba(23,131,255,1)"
               transform="translate(-10,-10)"
               cx="10"
               cy="10"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="10"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,10)">
-            <g transform="matrix(1,0,0,1,-21.299999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.6,0 l 0,23 l-43.6 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.6"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/default.svg b/packages/g6/__tests__/snapshots/elements/z-index/default.svg
index c413ad88b8b..a64ddef4fb9 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/default.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/default.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567081,-107.64448311567081)"
+              cx="107.64448311567081"
+              cy="107.64448311567081"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567081"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -67,21 +56,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.148649312151925,-60.148649312151925)"
-              cx="60.148649312151925"
-              cy="60.148649312151925"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.148649312151925"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-1.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-1.svg
index 8270dff06ef..2170fcf85ab 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-1.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-1.svg
@@ -25,21 +25,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -57,31 +46,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567081,-107.64448311567081)"
+              cx="107.64448311567081"
+              cy="107.64448311567081"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567081"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-2.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-2.svg
index c5f95221a10..385ec0bf9de 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-2.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-2.svg
@@ -25,21 +25,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -57,31 +46,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567082,-107.64448311567082)"
+              cx="107.64448311567082"
+              cy="107.64448311567082"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567082"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-3.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-3.svg
index 79f4c99e6b5..18fc1693672 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-3.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-combo-3.svg
@@ -25,21 +25,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -57,31 +46,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567081,-107.64448311567081)"
+              cx="107.64448311567081"
+              cy="107.64448311567081"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567081"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-3.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-3.svg
index 521957f1643..29b0ec7b420 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-3.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-3.svg
@@ -25,21 +25,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -57,31 +46,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.6444831156708,-107.6444831156708)"
+              cx="107.6444831156708"
+              cy="107.6444831156708"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.6444831156708"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.14864919513987,-60.14864919513987)"
+              cx="60.14864919513987"
+              cy="60.14864919513987"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.14864919513987"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(1).svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(1).svg
index cbf010250a5..1244f9a519f 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(1).svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(1).svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.6444831156708,-107.6444831156708)"
+              cx="107.6444831156708"
+              cy="107.6444831156708"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.6444831156708"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.14864919513987,-60.14864919513987)"
+              cx="60.14864919513987"
+              cy="60.14864919513987"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.14864919513987"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -113,21 +91,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(2).svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(2).svg
index aa5460227b5..e6c8ac32c6c 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(2).svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(2).svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.6444831156708,-107.6444831156708)"
+              cx="107.6444831156708"
+              cy="107.6444831156708"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.6444831156708"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.14864919513987,-60.14864919513987)"
+              cx="60.14864919513987"
+              cy="60.14864919513987"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.14864919513987"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -113,21 +91,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(3).svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(3).svg
index 8dcc88fd99b..0ca6bb87ed4 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(3).svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-combo-4(3).svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.6444831156708,-107.6444831156708)"
+              cx="107.6444831156708"
+              cy="107.6444831156708"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.6444831156708"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -61,31 +50,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.14864931215193,-60.14864931215193)"
-              cx="60.14864931215193"
-              cy="60.14864931215193"
+              transform="translate(-60.14864919513987,-60.14864919513987)"
+              cx="60.14864919513987"
+              cy="60.14864919513987"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.14864931215193"
+              r="60.14864919513987"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -113,21 +91,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-1.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-1.svg
index 96846d00c6b..73068928763 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-1.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-1.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567081,-107.64448311567081)"
+              cx="107.64448311567081"
+              cy="107.64448311567081"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567081"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -67,21 +56,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.148649312151925,-60.148649312151925)"
-              cx="60.148649312151925"
-              cy="60.148649312151925"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.148649312151925"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-2.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-2.svg
index 9a569bfe548..bc5c80cd66a 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-2.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-2.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567081,-107.64448311567081)"
+              cx="107.64448311567081"
+              cy="107.64448311567081"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567081"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -67,21 +56,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.148649312151925,-60.148649312151925)"
-              cx="60.148649312151925"
-              cy="60.148649312151925"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.148649312151925"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-3.svg b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-3.svg
index 021f736d33d..aa48595755a 100644
--- a/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-3.svg
+++ b/packages/g6/__tests__/snapshots/elements/z-index/drag-overlap-node-3.svg
@@ -15,31 +15,20 @@
             <circle
               id="key"
               fill="rgba(255,192,203,1)"
-              transform="translate(-107.6444846830304,-107.6444846830304)"
-              cx="107.6444846830304"
-              cy="107.6444846830304"
+              transform="translate(-107.64448311567081,-107.64448311567081)"
+              cx="107.64448311567081"
+              cy="107.64448311567081"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="107.6444846830304"
+              r="107.64448311567081"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,107.644485)">
-            <g transform="matrix(1,0,0,1,-25.440001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 51.88,0 l 0,23 l-51.88 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="51.88"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -67,21 +56,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.520000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 54.040000000000006,0 l 0,23 l-54.040000000000006 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="54.040000000000006"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -103,31 +81,20 @@
             <circle
               id="key"
               fill="rgba(0,255,255,1)"
-              transform="translate(-60.148649312151925,-60.148649312151925)"
-              cx="60.148649312151925"
-              cy="60.148649312151925"
+              transform="translate(-60.148649195139875,-60.148649195139875)"
+              cx="60.148649195139875"
+              cy="60.148649195139875"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              r="60.148649312151925"
+              r="60.148649195139875"
             />
           </g>
-          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148651)">
-            <g transform="matrix(1,0,0,1,-26.280001,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.56,0 l 0,23 l-53.56 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.56"
-                height="23"
-              />
-            </g>
+          <g id="label" fill="none" transform="matrix(1,0,0,1,0,60.148647)">
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -155,21 +122,10 @@
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,26)">
-            <g transform="matrix(1,0,0,1,-26.400000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 53.800000000000004,0 l 0,23 l-53.800000000000004 0 z"
-                opacity="0.75"
-                stroke-width="0"
-                width="53.800000000000004"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
-                fill="rgba(0,0,0,1)"
+                fill="rgba(0,0,0,0.8509803921568627)"
                 dominant-baseline="central"
                 paint-order="stroke"
                 dx="0.5"
@@ -290,23 +246,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-20.219999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 41.44,0 l 0,23 l-41.44 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="41.44"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -331,23 +274,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.059999,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.12,0 l 0,23 l-43.12 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.12"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
@@ -372,23 +302,10 @@
               transform="translate(-20,-20)"
               cx="20"
               cy="20"
-              stroke-width="0"
-              stroke="rgba(0,0,0,1)"
               r="20"
             />
           </g>
           <g id="label" fill="none" transform="matrix(1,0,0,1,0,20)">
-            <g transform="matrix(1,0,0,1,-21.180000,0)">
-              <path
-                id="background"
-                fill="rgba(255,255,255,1)"
-                d="M 0,0 l 43.36,0 l 0,23 l-43.36 0 z"
-                opacity="0.5"
-                stroke-width="0"
-                width="43.36"
-                height="23"
-              />
-            </g>
             <g transform="matrix(1,0,0,1,0,0)">
               <text
                 id="text"
diff --git a/packages/g6/__tests__/snapshots/layouts/dagre-flow/flow-combo.svg b/packages/g6/__tests__/snapshots/layouts/dagre-flow/flow-combo.svg
index e9e93abe893..138c06e40ac 100644
--- a/packages/g6/__tests__/snapshots/layouts/dagre-flow/flow-combo.svg
+++ b/packages/g6/__tests__/snapshots/layouts/dagre-flow/flow-combo.svg
@@ -9,21 +9,21 @@
   <defs />
   <g
     id="g-svg-camera"
-    transform="matrix(0.789889,0,0,0.789889,73.262253,19.747259)"
+    transform="matrix(0.920810,0,0,0.920810,23.250469,-59.852638)"
   >
     <g id="g-root" fill="none" transform="matrix(1,0,0,1,0,0)">
       <g id="g-svg-7" fill="none" transform="matrix(1,0,0,1,0,0)">
-        <g id="A" fill="none" transform="matrix(1,0,0,1,0,0)">
+        <g id="A" fill="none" transform="matrix(1,0,0,1,307.500000,400)">
           <g transform="matrix(1,0,0,1,0,0)">
             <path
               id="key"
               fill="rgba(253,253,253,1)"
-              d="M 8,0 l 64,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -64,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z"
-              transform="translate(-40,-25)"
+              d="M 8,0 l 364,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -364,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z"
+              transform="translate(-190,-25)"
               stroke-dasharray="0,0"
               stroke-width="1"
               stroke="rgba(153,173,209,1)"
-              width="80"
+              width="380"
               height="50"
             />
           </g>
@@ -140,7 +140,7 @@
             />
             <g transform="matrix(0.228191,-0.973616,0.973616,0.228191,1.140957,125.131920)">
               <path
-                id="g-svg-59"
+                id="g-svg-71"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -151,7 +151,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-59"
+                id="g-svg-71"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -196,7 +196,7 @@
             />
             <g transform="matrix(0.760687,-0.649119,0.649119,0.760687,3.803433,126.754402)">
               <path
-                id="g-svg-63"
+                id="g-svg-75"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -207,7 +207,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-63"
+                id="g-svg-75"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -252,7 +252,7 @@
             />
             <g transform="matrix(-0.062378,-0.998053,0.998053,-0.062378,7.813108,125.009735)">
               <path
-                id="g-svg-67"
+                id="g-svg-79"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -263,7 +263,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-67"
+                id="g-svg-79"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -308,7 +308,7 @@
             />
             <g transform="matrix(-0.469155,-0.883116,0.883116,-0.469155,66.716721,125.584419)">
               <path
-                id="g-svg-71"
+                id="g-svg-83"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -319,7 +319,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-71"
+                id="g-svg-83"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -364,7 +364,7 @@
             />
             <g transform="matrix(0.575177,-0.818029,0.818029,0.575177,2.875884,125.909851)">
               <path
-                id="g-svg-75"
+                id="g-svg-87"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -375,7 +375,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-75"
+                id="g-svg-87"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -420,7 +420,7 @@
             />
             <g transform="matrix(0,-1,1,0,0,125)">
               <path
-                id="g-svg-79"
+                id="g-svg-91"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -431,7 +431,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-79"
+                id="g-svg-91"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -476,7 +476,7 @@
             />
             <g transform="matrix(0.376377,-0.926467,0.926467,0.376377,1.881885,125.367668)">
               <path
-                id="g-svg-83"
+                id="g-svg-95"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -487,7 +487,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-83"
+                id="g-svg-95"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -532,7 +532,7 @@
             />
             <g transform="matrix(-0.469155,-0.883116,0.883116,-0.469155,66.716721,125.584419)">
               <path
-                id="g-svg-87"
+                id="g-svg-99"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -543,7 +543,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-87"
+                id="g-svg-99"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -588,7 +588,7 @@
             />
             <g transform="matrix(-0.228191,-0.973616,0.973616,-0.228191,29.327793,125.131920)">
               <path
-                id="g-svg-91"
+                id="g-svg-103"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -599,7 +599,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-91"
+                id="g-svg-103"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -644,7 +644,7 @@
             />
             <g transform="matrix(-0.575177,-0.818029,0.818029,-0.575177,88.530365,125.909851)">
               <path
-                id="g-svg-95"
+                id="g-svg-107"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -655,7 +655,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-95"
+                id="g-svg-107"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -700,7 +700,7 @@
             />
             <g transform="matrix(0.228191,-0.973616,0.973616,0.228191,1.140957,125.131920)">
               <path
-                id="g-svg-99"
+                id="g-svg-111"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -711,7 +711,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-99"
+                id="g-svg-111"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -756,7 +756,7 @@
             />
             <g transform="matrix(-0.228191,-0.973616,0.973616,-0.228191,29.327793,125.131920)">
               <path
-                id="g-svg-103"
+                id="g-svg-115"
                 fill="rgba(153,173,209,1)"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"
@@ -767,7 +767,7 @@
                 stroke-dasharray="0,0"
               />
               <path
-                id="g-svg-103"
+                id="g-svg-115"
                 fill="transparent"
                 d="M 0,4 L 8,0 L 8,8 Z"
                 transform="translate(-4,-4)"