diff --git a/ui/v2.5/src/components/Performers/PerformerDetails/PerformerDetailsPanel.tsx b/ui/v2.5/src/components/Performers/PerformerDetails/PerformerDetailsPanel.tsx
index 83fc64c95..e96d464be 100644
--- a/ui/v2.5/src/components/Performers/PerformerDetails/PerformerDetailsPanel.tsx
+++ b/ui/v2.5/src/components/Performers/PerformerDetails/PerformerDetailsPanel.tsx
@@ -29,7 +29,7 @@ const PerformerDetailGroup: React.FC<PropsWithChildren<IPerformerDetails>> =
 
 export const PerformerDetailsPanel: React.FC<IPerformerDetails> =
   PatchComponent("PerformerDetailsPanel", (props) => {
-    const { performer, fullWidth } = props;
+    const { performer, fullWidth, collapsed } = props;
 
     // Network state
     const intl = useIntl();
@@ -177,7 +177,9 @@ export const PerformerDetailsPanel: React.FC<IPerformerDetails> =
           value={renderStashIDs()}
           fullWidth={fullWidth}
         />
-        {fullWidth && <CustomFields values={performer.custom_fields} />}
+        {(fullWidth || !collapsed) && (
+          <CustomFields values={performer.custom_fields} />
+        )}
       </PerformerDetailGroup>
     );
   });
diff --git a/ui/v2.5/src/components/Shared/styles.scss b/ui/v2.5/src/components/Shared/styles.scss
index 342d19655..c80c92fdd 100644
--- a/ui/v2.5/src/components/Shared/styles.scss
+++ b/ui/v2.5/src/components/Shared/styles.scss
@@ -710,6 +710,10 @@ button.btn.favorite-button {
   }
 }
 
+.custom-fields {
+  width: 100%;
+}
+
 .custom-fields .detail-item .detail-item-title {
   max-width: 130px;
   overflow: hidden;