diff --git a/src/layouts/Page.js b/src/layouts/Page.js
index 9eefe40..132ab72 100644
--- a/src/layouts/Page.js
+++ b/src/layouts/Page.js
@@ -9,7 +9,6 @@ import BaseHeader from "../components/BaseHeader";
 import NavigateHeader from "../components/NavigateHeader";
 import { gutters } from "../styles";
 
-import { background } from "../assets/index.js";
 import { isWeb } from "../hooks/useLayoutType.js";
 // import { useUserData } from "../providers/UserDataProvider.js";
 
@@ -32,7 +31,7 @@ export default ({
   scrollEnabled = false,
 
   onBackPressed = null,
-  backgroundImg = background.writingBG,
+  backgroundImg = null,
   headerTitleStyle = {},
   hideBackButton = false,
   width = undefined,
diff --git a/src/screens/Playbacks/Playbacks.web.js b/src/screens/Playbacks/Playbacks.web.js
index e7ce723..f36ccf2 100644
--- a/src/screens/Playbacks/Playbacks.web.js
+++ b/src/screens/Playbacks/Playbacks.web.js
@@ -210,7 +210,7 @@ const Playbacks = () => {
     <Page
       headerType="NONE"
       width="100%"
-      containerStyle={{ padding: 0 }}
+      containerStyle={{ padding: 0, margin: 0 }}
     >
       <View style={styles.screen}>
         {activeVideoUrl ? (
@@ -272,11 +272,17 @@ export default Playbacks;
 const styles = StyleSheet.create({
   screen: {
     flex: 1,
-    overscrollBehavior: "none",
-    position: "relative",
+    // overscrollBehavior: "none",
+    // position: "relative",
   },
   backgroundVideoWrapper: {
-    ...StyleSheet.absoluteFillObject,
+    // ...StyleSheet.absoluteFillObject,
+    height: "100%",
+    width: "100%",
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
     overflow: "hidden",
     zIndex: -1,
     backgroundColor: "#060606",