Actor tiles maintain aspect ratio.

assets/components/tile/actor.vue

@@ -22,8 +22,10 @@
             <span
                 v-else
                 v-tooltip.top="actor.name"
-                class="handle name"
-            >{{ actor.name }}</span>
+                class="handle"
+            >
+                <span class="name">{{ actor.name }}</span>
+            </span>
 
             <div class="avatar-container">
                 <img
@@ -103,12 +105,28 @@ export default {
 .actor {
     width: 100%;
     display: inline-block;
+    position: relative;
     margin: 0 .5rem .5rem 0;
     box-shadow: 0 0 3px var(--darken-weak);
     background: var(--profile);
+
+    &::before {
+        content: '';
+        display: inline-block;
+        width: 1px;
+        height: 0;
+        padding-bottom: 150%;
+    }
 }
 
 .link {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    top: 0;
+    left: 0;
     color: var(--text-light);
     text-decoration: none;
 
@@ -144,15 +162,18 @@ export default {
 }
 
 .avatar-container {
+    display: flex;
+    flex-grow: 1;
     position: relative;
 }
 
 .avatar {
     color: var(--darken-weak);
     background: var(--darken-hint);
-    height: 13rem;
     width: 100%;
+    height: 100%;
     display: flex;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
     object-fit: cover;