diff --git a/src/components/FrameOverlay.tsx b/src/components/FrameOverlay.tsx
index b4c6d0a6..a74c7ae4 100644
--- a/src/components/FrameOverlay.tsx
+++ b/src/components/FrameOverlay.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, Image, View } from 'react-native';
+import { StyleSheet, ImageBackground, View } from 'react-native';
 
 interface FrameOverlayProps {
   frameAsset: any; // require() asset
@@ -16,11 +16,10 @@ export default function FrameOverlay({ frameAsset, isCapturing = false }: FrameO
 
   return (
     <View style={styles.container} pointerEvents={isCapturing ? "auto" : "none"} collapsable={false}>
-      <Image
+      <ImageBackground
         source={frameAsset}
         style={styles.frameImage}
-        resizeMode="cover"
-        fadeDuration={0}
+        resizeMode="stretch"
       />
     </View>
   );
diff --git a/src/screens/PreviewScreen.tsx b/src/screens/PreviewScreen.tsx
index 3c763642..5dd72692 100644
--- a/src/screens/PreviewScreen.tsx
+++ b/src/screens/PreviewScreen.tsx
@@ -675,7 +675,6 @@ const styles = StyleSheet.create({
     height: 320,
     justifyContent: 'center',
     alignItems: 'center',
-    overflow: 'hidden',
     backgroundColor: THEME.colors.background,
   },
   controlPanel: {