diff --git a/frontend/src/components/UiElements/shared/useElementWrapperStyle.ts b/frontend/src/components/UiElements/shared/useElementWrapperStyle.ts
index 5d881cb..d6c9302 100644
--- a/frontend/src/components/UiElements/shared/useElementWrapperStyle.ts
+++ b/frontend/src/components/UiElements/shared/useElementWrapperStyle.ts
@@ -76,9 +76,9 @@ export function useElementWrapperStyle({
       'rounded text-xs font-semibold',
       // Text alignment: center for navigation buttons, left for others
       isNavigationElement ? 'text-center' : 'text-left',
-      // Background/border - selected state overrides transparent
+      // Background/border - selected state uses outline only (no background)
       isSelected
-        ? 'border shadow border-blue-500 bg-blue-50'
+        ? 'outline outline-2 outline-blue-500 outline-offset-2'
         : hasTransparentBackground
           ? 'bg-transparent'
           : 'border shadow border-blue-200 bg-white/95',