diff --git a/src/components/Player.vue b/src/components/Player.vue
index 86b3534..fc2b60d 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -288,9 +288,11 @@ export default {
   color: #fff;
   filter: drop-shadow(0 0 3px black);
   cursor: pointer;
+  transition: opacity 250ms;
 
   #townsquare.public & {
-    display: none;
+    opacity: 0;
+    pointer-events: none;
   }
 }