diff --git a/ReactWithDotNet/UIDesigner/ReactWithDotNetDesignerComponentPreview.cs b/ReactWithDotNet/UIDesigner/ReactWithDotNetDesignerComponentPreview.cs
index f67852d2..79cc6bbe 100644
--- a/ReactWithDotNet/UIDesigner/ReactWithDotNetDesignerComponentPreview.cs
+++ b/ReactWithDotNet/UIDesigner/ReactWithDotNetDesignerComponentPreview.cs
@@ -430,8 +430,8 @@ protected override async Task<Element> renderAsync()
                 """
                 .react-with-dotnet-designer-hover-effect
                 {
-                    transition: box-shadow 0.3s ease;
-                    box-shadow: 0px 0px 8px 4px #bfdbfe;
+                    transition: outline 0.3s ease;
+                    outline: 2px dashed #bfdbfe;
                 }
                 """
             },
@@ -442,7 +442,7 @@ function canApplyHoverEffect(targetElement)
                 {
                     const style = window.getComputedStyle(targetElement);
                 
-                    return style.boxShadow === 'none';
+                    return style.outlineStyle === 'none';
                 }
                 function applyHoverEffect(targetElement)
                 {