diff --git a/packages/@react-spectrum/ai/src/ResponseStatus.tsx b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
index 5479c547983..bad30dbcf0e 100644
--- a/packages/@react-spectrum/ai/src/ResponseStatus.tsx
+++ b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
@@ -13,6 +13,7 @@
 import {AriaLabelingProps, DOMProps, DOMRef, GlobalDOMAttributes} from '@react-types/shared';
 import {
   baseColor,
+  css,
   focusRing,
   iconStyle,
   space,
@@ -158,12 +159,11 @@ const buttonStyles = style({
     }
   },
   display: 'flex',
-  flexGrow: 1,
+  flexGrow: 0,
   alignItems: 'center',
   paddingX: 'calc(self(minHeight) * 3/8 - 1px)',
   gap: 'calc(self(minHeight) * 3/8 - 1px)',
   minHeight: 32,
-  width: 'full',
   backgroundColor: 'transparent',
   transition: 'default',
   borderWidth: 0,
@@ -282,7 +282,7 @@ export interface ResponseStatusPanelProps
   styles?: StyleString;
 }
 
-const panelStyles = style({
+const panelStyle = {
   font: 'body',
   height: '--disclosure-panel-height',
   overflow: 'clip',
@@ -290,7 +290,7 @@ const panelStyles = style({
     default: '[height]',
     '@media (prefers-reduced-motion: reduce)': 'none'
   }
-});
+} as const;
 
 const panelInner = style({
   paddingTop: 8,
@@ -317,7 +317,10 @@ export const ResponseStatusPanel = forwardRef(function ResponseStatusPanel(
   }, [registerPanel]);
 
   return (
-    <RACDisclosurePanel {...domProps} ref={panelRef} className={mergeStyles(panelStyles, styles)}>
+    <RACDisclosurePanel
+      {...domProps}
+      ref={panelRef}
+      className={mergeStyles(style(panelStyle), styles)}>
       <div className={panelInner}>{props.children}</div>
     </RACDisclosurePanel>
   );
@@ -386,7 +389,9 @@ function DetailTrigger(props: DetailTriggerProps) {
 
   return (
     <Button
-      className={renderProps => mergeStyles(buttonStyles({...renderProps}), detailTriggerStyles)}
+      className={renderProps =>
+        mergeStyles(buttonStyles({...renderProps}), detailTriggerStyles) + ' ' + textSizeAdjust
+      }
       slot="trigger">
       {children}
       <CenterBaseline styles={detailTriggerChevronStyles({isExpanded, isRTL})}>
@@ -447,19 +452,29 @@ const executionTraceItemDividerStyles = style({
   display: 'var(--divider-display, flex)'
 });
 
-const executionTraceItemBaseStyles = {
-  paddingBottom: 12,
+const executionTraceDisclosurePanelStyles = style({
+  ...panelStyle,
   paddingStart: 8
-} as const;
+});
+
+const executionTraceDisclosureContainerStyles = style({
+  paddingBottom: 12,
+  marginTop: -4
+});
 
 const executionTraceWithoutDisclosureStyles = style({
-  ...executionTraceItemBaseStyles,
+  paddingStart: 8,
   display: 'flex',
   flexDirection: 'column',
   minHeight: 24
 });
 
-const executionTraceDetailPanelStyles = style(executionTraceItemBaseStyles);
+// Prevents Mobile Safari from auto-inflating the font size of wrapping text
+// blocks ("font boosting") when the user changes their text size setting.
+const textSizeAdjust = css(`
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+`);
 
 /**
  * An ExecutionTraceItem represents a single step within an ExecutionTrace, such as
@@ -490,15 +505,17 @@ export const ExecutionTraceItem = forwardRef(function ExecutionTraceItem(
         <div role="presentation" className={executionTraceItemDividerStyles} />
       </div>
       {hasDetail && !isAlwaysOpen ? (
-        <RACDisclosure>
-          <DetailTrigger>{children}</DetailTrigger>
-          <RACDisclosurePanel className={mergeStyles(panelStyles, executionTraceDetailPanelStyles)}>
-            {detail}
-          </RACDisclosurePanel>
-        </RACDisclosure>
+        <div className={executionTraceDisclosureContainerStyles}>
+          <RACDisclosure>
+            <DetailTrigger>{children}</DetailTrigger>
+            <RACDisclosurePanel className={executionTraceDisclosurePanelStyles}>
+              {detail}
+            </RACDisclosurePanel>
+          </RACDisclosure>
+        </div>
       ) : (
         <div className={executionTraceWithoutDisclosureStyles}>
-          <span>{children}</span>
+          <span className={textSizeAdjust}>{children}</span>
           {hasDetail && isAlwaysOpen ? <div>{detail}</div> : null}
         </div>
       )}