diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue
index 399b7d34..578e3eaa 100755
--- a/assets/components/actors/tile.vue
+++ b/assets/components/actors/tile.vue
@@ -41,9 +41,9 @@
 				/>
 			</span>
 
-			<a
+			<RouterLink
+				:to="hasScrolled ? '' : { name: 'actor', params: { actorId: actor.id, actorSlug: actor.slug } }"
 				class="avatar-container"
-				@click="goToActor"
 			>
 				<img
 					v-if="actor.avatar"
@@ -130,7 +130,7 @@
 						class="country"
 					/>
 				</span>
-			</a>
+			</RouterLink>
 		</div>
 	</div>
 </template>
@@ -138,13 +138,6 @@
 <script>
 import Gender from './gender.vue';
 
-function goToActor() {
-	// can't seem to control behavior with RouterLink
-	if (!this.hasScrolled) {
-		this.$router.push({ name: 'actor', params: { actorId: this.actor.id, actorSlug: this.actor.slug } });
-	}
-}
-
 async function stashActor() {
 	this.favorited = true;
 
@@ -215,7 +208,6 @@ export default {
 	methods: {
 		stashActor,
 		unstashActor,
-		goToActor,
 	},
 };
 </script>