diff --git a/src/App.vue b/src/App.vue
index 44ce2a6..238a104 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -105,7 +105,7 @@ const handleIframeMouseMove = (event) => {
 
       // Add highlight to new element (only if not already selected)
       if (contentElement && contentElement !== selectedElement.value) {
-        contentElement.style.outline = `2px dashed ${ELEMENT_HIGHLIGHT_COLOR}`;
+        contentElement.style.outline = `2px solid ${ELEMENT_HIGHLIGHT_COLOR}50`;
       }
 
       hoveredElement.value = contentElement;
@@ -219,8 +219,8 @@ const handleIframeClick = (event) => {
 
   // Select the new element
   selectedElement.value = contentElement;
-  contentElement.style.outline = '';
-  contentElement.style.backgroundColor = `${ELEMENT_HIGHLIGHT_COLOR}4D`; // 30% opacity
+  contentElement.style.outline = `2px dashed ${ELEMENT_HIGHLIGHT_COLOR}`;
+  contentElement.style.backgroundColor = `${ELEMENT_HIGHLIGHT_COLOR}1A`; // 10% opacity
 
   // Get count of similar elements
   const doc = event.target.ownerDocument;