icon delete

@@ -76,16 +76,11 @@ select {
 .delete-btn {
     position: absolute;
     top: 50%;
-    right: -40px;
+    right: -35px;
     transform: translateY(-50%);
-    color: #ff4d4d;
-    border: none;
-    border-radius: 50%;
     cursor: pointer;
-    font-size: 20px;
     padding: 3px 6px;
     z-index: 20;
-    background: white;
 }
 
 

@@ -64,11 +64,11 @@
                      @mousedown="startResize($event, index, 'bottom-right')">
                 </div>
 
-                <button v-if="item.isManual && item.showDelete"
+                <div v-if="item.isManual && item.showDelete"
                         class="delete-btn"
                         @click.stop="deleteBox(index)">
-                    <i class="fa-solid fa-delete-left"></i>
-                </button>
+                    <img src="{{ asset('icon/btn-delete.png') }}" alt="delete box" style="width: 20px; height: 20px;">
+                </div>
             </div>