diff --git a/packages/atlas/src/index.html b/packages/atlas/src/index.html
index 138098fad7..6b0a5fc5f3 100644
--- a/packages/atlas/src/index.html
+++ b/packages/atlas/src/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-
+    <preference name="AllowInlineMediaPlayback" value="true" />
     <!--  The following node will be replaced by Optimize init script during Vite's build step (see ../plugins)  -->
     <optimize-script />
 
diff --git a/packages/atlas/src/views/global/ReferralsView/sections/ReferralSteps/ReferralSteps.tsx b/packages/atlas/src/views/global/ReferralsView/sections/ReferralSteps/ReferralSteps.tsx
index a98eb2e4a2..7493aa39c0 100644
--- a/packages/atlas/src/views/global/ReferralsView/sections/ReferralSteps/ReferralSteps.tsx
+++ b/packages/atlas/src/views/global/ReferralsView/sections/ReferralSteps/ReferralSteps.tsx
@@ -130,7 +130,7 @@ export const ReferralSteps = () => {
           onMouseLeave={() => (shouldSwitch.current = true)}
         >
           <StepVideoContainer>
-            <StyledStepVideo ref={videoRef} autoPlay loop muted>
+            <StyledStepVideo ref={videoRef} playsInline autoPlay loop muted>
               <source src={videoSrcs[selectedStep]} type="video/mp4" />
             </StyledStepVideo>
           </StepVideoContainer>
