Fix phone video positioning (especially on Firefox)

httptoolkit · Aug 26, 2024 · d59534b · d59534b
1 parent c963ca5
commit d59534b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/modules/phone-app-video-pair/phone-app-video-pair.styles.ts b/src/components/modules/phone-app-video-pair/phone-app-video-pair.styles.ts
@@ -20,12 +20,13 @@ export const PairContainer = styled.div`
     padding: 0 10px;
 
     > .phone {
-        max-width: min(20vw, 250px);
+        width: 300px;
+        max-width: min(20vw, 300px);
         transition: margin 0.5s, transform 0.5s;
     }
 
     > .hidden-phone {
-        margin-right: calc(-1 * min(20vw, 250px));
+        margin-right: calc(-1 * min(20vw, 300px));
         transform: scale(80%);
     }