diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue
index 0640b4e8..0e096fa5 100644
--- a/assets/components/actors/actor.vue
+++ b/assets/components/actors/actor.vue
@@ -220,7 +220,7 @@
 
             <div class="actor-content">
                 <div
-                    v-if="actor.photos && actor.photos.length > 0"
+                    v-if="actor.avatar || (actor.photos && actor.photos.length > 0)"
                     class="photos-container"
                 >
                     <Photos :actor="actor" />
@@ -517,7 +517,6 @@ export default {
     .photos-container {
         border: none;
         border-bottom: solid 1px $shadow-hint;
-        padding: 1rem 1rem 1.5rem 1rem;
         margin: 0 0 .5rem 0;
     }
 
diff --git a/assets/components/actors/photos.vue b/assets/components/actors/photos.vue
index 1c67c2ac..767c1994 100644
--- a/assets/components/actors/photos.vue
+++ b/assets/components/actors/photos.vue
@@ -55,6 +55,12 @@ export default {
     .avatar-link {
         display: none;
     }
+
+    &.compact {
+        .photo {
+            width: auto;
+        }
+    }
 }
 
 .photo-link {
diff --git a/public/css/style.css b/public/css/style.css
index 804ec14a..5cf9ce2e 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -946,6 +946,9 @@
 .photos .avatar-link[data-v-0a0430c7] {
     display: none;
 }
+.photos.compact .photo[data-v-0a0430c7] {
+    width: auto;
+}
 .photo[data-v-0a0430c7] {
   width: 100%;
   height: 100%;
@@ -1199,7 +1202,6 @@
 .photos-container[data-v-ea0483c2] {
     border: none;
     border-bottom: solid 1px rgba(0, 0, 0, 0.1);
-    padding: 1rem 1rem 1.5rem 1rem;
     margin: 0 0 .5rem 0;
 }
 .photos[data-v-ea0483c2] {