diff --git a/frontend/src/AppBuilder/AppCanvas/ConfigHandle/ConfigHandle.jsx b/frontend/src/AppBuilder/AppCanvas/ConfigHandle/ConfigHandle.jsx
index 4deb50ea2e..4c558f3cc2 100644
--- a/frontend/src/AppBuilder/AppCanvas/ConfigHandle/ConfigHandle.jsx
+++ b/frontend/src/AppBuilder/AppCanvas/ConfigHandle/ConfigHandle.jsx
@@ -111,19 +111,33 @@ export const ConfigHandle = ({
         </div>
         {/* Delete Button */}
         {!isMultipleComponentsSelected && !shouldFreeze && (
-          <span
-            style={{ cursor: 'pointer', marginLeft: '5px' }}
-            onClick={() => {
-              deleteComponents([id]);
-            }}
-          >
-            <SolidIcon
-              name="trash"
+          <div>
+            <img
+              style={{ cursor: 'pointer', marginLeft: '5px' }}
+              src="assets/images/icons/inspect.svg"
               width="12"
+              role="button"
               height="12"
-              fill={visibility === false ? 'var(--text-placeholder)' : '#fff'}
+              draggable="false"
+              onClick={() => setComponentToInspect(componentName)}
+              data-cy={`${componentName.toLowerCase()}-inspect-button`}
+              className="config-handle-inspect"
             />
-          </span>
+            <span
+              style={{ cursor: 'pointer', marginLeft: '5px' }}
+              onClick={() => {
+                deleteComponents([id]);
+              }}
+              data-cy={`${componentName.toLowerCase()}-delete-button`}
+            >
+              <SolidIcon
+                name="trash"
+                width="12"
+                height="12"
+                fill={visibility === false ? 'var(--text-placeholder)' : '#fff'}
+              />
+            </span>
+          </div>
         )}
       </span>
     </div>
diff --git a/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss b/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
index e7322959e5..5cb1b94268 100644
--- a/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
+++ b/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
@@ -31,22 +31,7 @@
   .badge {
     font-size: 9px;
     border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-
-    .delete-part {
-      margin-left: 10px;
-      float: right;
-    }
-
-    .delete-part::before {
-      height: 12px;
-      display: inline-block;
-      width: 2px;
-      background-color: rgba(255, 255, 255, 0.8);
-      opacity: 0.5;
-      content: "";
-      vertical-align: middle;
-    }
+    border-bottom-right-radius: 0
   }
 }