From aaef16bd92967be1b9a29a4d190240ca94f8d5bc Mon Sep 17 00:00:00 2001
From: tamarzanzouri <tamar.zanzouri@opentrons.com>
Date: Fri, 18 Oct 2024 13:40:38 -0400
Subject: [PATCH] fixed path

---
 .../Devices/ChangePipette/InstructionStep.tsx  | 18 ++++++++++++------
 .../Devices/ChangePipette/LevelPipette.tsx     |  7 ++++++-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/app/src/organisms/Desktop/Devices/ChangePipette/InstructionStep.tsx b/app/src/organisms/Desktop/Devices/ChangePipette/InstructionStep.tsx
index 8dc18c1f7f5..76dd00f0482 100644
--- a/app/src/organisms/Desktop/Devices/ChangePipette/InstructionStep.tsx
+++ b/app/src/organisms/Desktop/Devices/ChangePipette/InstructionStep.tsx
@@ -29,12 +29,18 @@ export function InstructionStep(props: Props): JSX.Element {
 
   const display =
     displayCategory === 'GEN2'
-      ? `../app/assets/images/change-pip/${direction}-${String(
-          mount
-        )}-${channelsKey}-GEN2-${diagram}@3x.png`
-      : `../app/assets/images/change-pip/${direction}-${String(
-          mount
-        )}-${channelsKey}-${diagram}@3x.png`
+    ? new URL(
+      `../../../../assets/images/change-pip/${direction}-${String(
+        mount
+      )}-${channelsKey}-GEN2-${diagram}@3x.png`,
+      import.meta.url
+    ).href
+  : new URL(
+      `../../../../assets/images/change-pip/${direction}-${String(
+        mount
+      )}-${channelsKey}-${diagram}@3x.png`,
+      import.meta.url
+    ).href
 
   return (
     <Flex justifyContent={JUSTIFY_SPACE_EVENLY}>
diff --git a/app/src/organisms/Desktop/Devices/ChangePipette/LevelPipette.tsx b/app/src/organisms/Desktop/Devices/ChangePipette/LevelPipette.tsx
index fdb4ee0e31e..3fd7e9a699b 100644
--- a/app/src/organisms/Desktop/Devices/ChangePipette/LevelPipette.tsx
+++ b/app/src/organisms/Desktop/Devices/ChangePipette/LevelPipette.tsx
@@ -26,6 +26,11 @@ export function LevelingVideo(props: {
   mount: Mount
 }): JSX.Element {
   const { pipetteName, mount } = props
+  const video = new URL(
+    `../../../../app/assets/videos/pip-leveling/${pipetteName}-${mount}.webm`,
+    import.meta.url
+  ).href
+
   return (
     <video
       css={css`
@@ -39,7 +44,7 @@ export function LevelingVideo(props: {
       controls={true}
     >
       <source
-        src={`../app/assets/videos/pip-leveling/${pipetteName}-${mount}.webm`}
+        src={video}
       />
     </video>
   )