diff --git a/App.tsx b/App.tsx
index c97ac56d..9d7d42df 100644
--- a/App.tsx
+++ b/App.tsx
@@ -150,9 +150,9 @@ export default function App() {
         <View 
           style={[
             StyleSheet.absoluteFill, 
-            currentScreen !== 'camera' && { opacity: 0, zIndex: -10, transform: [{ translateX: -10000 }] }
+            (currentScreen === 'preview' || currentScreen === 'admin') && { opacity: 0, zIndex: -10, transform: [{ translateX: -10000 }] }
           ]} 
-          pointerEvents={currentScreen === 'camera' ? 'auto' : 'none'}
+          pointerEvents={(currentScreen === 'preview' || currentScreen === 'admin') ? 'none' : 'auto'}
         >
           <CameraScreen
             countdownDuration={settings.countdownDuration}
@@ -210,11 +210,11 @@ export default function App() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: 'green',
+    backgroundColor: '#000',
   },
   loadingContainer: {
     flex: 1,
-    backgroundColor: 'red',
+    backgroundColor: '#000',
     justifyContent: 'center',
     alignItems: 'center',
   },