diff --git a/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.tsx b/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.tsx
index 09a08ae16..661c7535c 100644
--- a/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.tsx
+++ b/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.tsx
@@ -17,7 +17,11 @@ function FetchDetailsModal(props: Props) {
   const [resource, setResource] = useState(props.resource);
   const [first, setFirst] = useState(false);
   const [last, setLast] = useState(false);
-  const isXHR = resource.type === ResourceType.XHR || resource.type === ResourceType.FETCH
+
+  const isXHR = resource.type === ResourceType.XHR
+      || resource.type === ResourceType.FETCH
+      || resource.type === ResourceType.IOS
+
   const {
     sessionStore: { devTools },
     settingsStore: { sessionSettings: { timezone }},
@@ -46,6 +50,7 @@ function FetchDetailsModal(props: Props) {
     }
   };
 
+
   return (
     <div className="bg-white p-5 h-screen overflow-y-auto" style={{ width: '500px' }}>
       <h5 className="mb-2 text-2xl">Network Request</h5>
diff --git a/frontend/app/player/web/types/resource.ts b/frontend/app/player/web/types/resource.ts
index 03b7ade26..ce2f3eb45 100644
--- a/frontend/app/player/web/types/resource.ts
+++ b/frontend/app/player/web/types/resource.ts
@@ -3,6 +3,7 @@ import type {ResourceTiming, NetworkRequest, Fetch, IosNetworkCall} from '../mes
 export const enum ResourceType {
   XHR = 'xhr',
   FETCH = 'fetch',
+  IOS = 'request',
   BEACON = 'beacon',
   SCRIPT = 'script',
   CSS = 'css',