diff --git a/resources/js/components/value-display.tsx b/resources/js/components/value-display.tsx
index 33b69687dc1..def6ddf47d1 100644
--- a/resources/js/components/value-display.tsx
+++ b/resources/js/components/value-display.tsx
@@ -16,8 +16,10 @@ interface Props {
 export default function ValueDisplay({ description, label, modifiers, value }: Props) {
   return (
     <div className={classWithModifiers(bn, modifiers)}>
-      <div className={`${bn}__label`}>{label}</div>
-      <div className={`${bn}__value`}>{value}</div>
+      <div style={{ width: 'max-content' }}>
+        <div className={`${bn}__label`}>{label}</div>
+        <div className={`${bn}__value`}>{value}</div>
+      </div>
       {description != null && <div className={`${bn}__description`}>{description}</div>}
     </div>
   );