diff --git a/app/_layout.tsx b/app/_layout.tsx
index 4d081c0b..9241dab4 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -61,23 +61,21 @@ export default function RootLayout() {
 
   return (
     <GestureHandlerRootView>
-      <Provider>
-        <AuthContextProvider>
-          <FirebaseStorageContextProvider>
-            <NotificationContextProvider>
-              <CloudMessagingContextProvider>
-                <BrandContextProvider>
-                  <CollaborationContextProvider>
-                    <AutocompleteDropdownContextProvider>
-                      <RootLayoutStack />
-                    </AutocompleteDropdownContextProvider>
-                  </CollaborationContextProvider>
-                </BrandContextProvider>
-              </CloudMessagingContextProvider>
-            </NotificationContextProvider>
-          </FirebaseStorageContextProvider>
-        </AuthContextProvider>
-      </Provider>
+      <AuthContextProvider>
+        <FirebaseStorageContextProvider>
+          <NotificationContextProvider>
+            <CloudMessagingContextProvider>
+              <BrandContextProvider>
+                <CollaborationContextProvider>
+                  <AutocompleteDropdownContextProvider>
+                    <RootLayoutStack />
+                  </AutocompleteDropdownContextProvider>
+                </CollaborationContextProvider>
+              </BrandContextProvider>
+            </CloudMessagingContextProvider>
+          </NotificationContextProvider>
+        </FirebaseStorageContextProvider>
+      </AuthContextProvider>
     </GestureHandlerRootView>
   );
 }
diff --git a/components/InfluencerCard.tsx b/components/InfluencerCard.tsx
index f66bf474..1a27deca 100644
--- a/components/InfluencerCard.tsx
+++ b/components/InfluencerCard.tsx
@@ -133,44 +133,35 @@ const InfluencerCard = (props: InfluencerCardPropsType) => {
           }}
         >
           <Animated.View>
-            <Image source={{ uri: item.url }} style={styles.media} />
+            <Image
+              source={{ uri: item.url || item.uri }}
+              style={styles.media}
+            />
           </Animated.View>
         </TapGestureHandler>
       );
     } else {
       return (
-        <TouchableOpacity
-          onPress={() => {
-            if (!isSwiping) {
-              setMuted(!muted);
-              if (index === currentIndex) {
-                setIsPlaying(!isPlaying);
-              }
+        <Video
+          ref={(ref) => {
+            if (ref) {
+              videoRefs.current[index] = ref;
             }
           }}
-        >
-          <Video
-            ref={(ref) => {
-              if (ref) {
-                videoRefs.current[index] = ref;
-              }
-            }}
-            source={
-              item.appleUrl
-                ? {
-                    uri: Platform.OS === "ios" ? item.appleUrl : item.playUrl,
-                  }
-                : require("../assets/videos/ForBiggerJoyrides.mp4")
-            }
-            style={styles.media}
-            resizeMode={ResizeMode.COVER}
-            isLooping
-            isMuted={muted}
-            shouldPlay={isPlaying}
-            useNativeControls
-            onError={(error) => console.log("Video Error:", error)}
-          />
-        </TouchableOpacity>
+          source={
+            item.appleUrl
+              ? {
+                  uri: Platform.OS === "ios" ? item.appleUrl : item.playUrl,
+                }
+              : require("../assets/videos/ForBiggerJoyrides.mp4")
+          }
+          style={styles.media}
+          resizeMode={ResizeMode.COVER}
+          isLooping={false}
+          shouldPlay={false}
+          useNativeControls
+          onError={(error) => console.log("Video Error:", error)}
+        />
       );
     }
   };