diff --git a/apps/mobile/src/components/Community/CommunityCollectors.tsx b/apps/mobile/src/components/Community/CommunityCollectors.tsx
index 90418d302a..26294296af 100644
--- a/apps/mobile/src/components/Community/CommunityCollectors.tsx
+++ b/apps/mobile/src/components/Community/CommunityCollectors.tsx
@@ -1,4 +1,3 @@
-import { View } from 'react-native';
 import { graphql, useFragment } from 'react-relay';
 
 import { CommunityCollectorsFragment$key } from '~/generated/CommunityCollectorsFragment.graphql';
@@ -30,9 +29,5 @@ export function CommunityCollectors({ communityRef, queryRef }: Props) {
     queryRef
   );
 
-  return (
-    <View className="flex-1 pt-16">
-      <CommunityCollectorsList queryRef={query} communityRef={community} />
-    </View>
-  );
+  return <CommunityCollectorsList queryRef={query} communityRef={community} />;
 }
diff --git a/apps/mobile/src/components/Community/CommunityCollectorsList.tsx b/apps/mobile/src/components/Community/CommunityCollectorsList.tsx
index 8d78889266..a923a1c7d9 100644
--- a/apps/mobile/src/components/Community/CommunityCollectorsList.tsx
+++ b/apps/mobile/src/components/Community/CommunityCollectorsList.tsx
@@ -1,6 +1,7 @@
 import { useNavigation } from '@react-navigation/native';
-import { FlashList, ListRenderItem } from '@shopify/flash-list';
+import { ListRenderItem } from '@shopify/flash-list';
 import { useCallback, useMemo } from 'react';
+import { Tabs } from 'react-native-collapsible-tab-view';
 import { graphql, useFragment, usePaginationFragment } from 'react-relay';
 
 import { UserFollowCard } from '~/components/UserFollowList/UserFollowCard';
@@ -87,7 +88,7 @@ export function CommunityCollectorsList({ communityRef, queryRef }: Props) {
   );
 
   return (
-    <FlashList
+    <Tabs.FlashList
       data={holders}
       estimatedItemSize={40}
       renderItem={renderItem}
diff --git a/apps/mobile/src/components/Community/CommunityHeader.tsx b/apps/mobile/src/components/Community/CommunityHeader.tsx
index 2c66ea0677..c01ef891f4 100644
--- a/apps/mobile/src/components/Community/CommunityHeader.tsx
+++ b/apps/mobile/src/components/Community/CommunityHeader.tsx
@@ -1,5 +1,6 @@
-import { useCallback, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { View } from 'react-native';
+import { useCurrentTabScrollY } from 'react-native-collapsible-tab-view';
 import { graphql, useFragment } from 'react-relay';
 
 import { CommunityHeaderFragment$key } from '~/generated/CommunityHeaderFragment.graphql';
@@ -27,6 +28,12 @@ export function CommunityHeader({ communityRef }: Props) {
     communityRef
   );
 
+  const scrollY = useCurrentTabScrollY();
+
+  useEffect(() => {
+    console.log({ scrollY });
+  }, [scrollY]);
+
   const hasCommunityDescription = Boolean(community.description);
   const bottomSheetRef = useRef<GalleryBottomSheetModalType | null>(null);
   const handlePress = useCallback(() => {
diff --git a/apps/mobile/src/components/Community/CommunityView.tsx b/apps/mobile/src/components/Community/CommunityView.tsx
index e45829cebe..b870bf624c 100644
--- a/apps/mobile/src/components/Community/CommunityView.tsx
+++ b/apps/mobile/src/components/Community/CommunityView.tsx
@@ -76,36 +76,58 @@ export function CommunityView({ queryRef }: Props) {
 
   const TabBar = useCallback(() => {
     return (
-      <CommunityTabsHeader
-        communityRef={community}
-        selectedRoute={selectedRoute}
-        onRouteChange={setSelectedRoute}
-      />
+      <View>
+        <View className="px-4">
+          <CommunityMeta communityRef={community} queryRef={query} />
+        </View>
+        <CommunityTabsHeader
+          communityRef={community}
+          selectedRoute={selectedRoute}
+          onRouteChange={setSelectedRoute}
+        />
+      </View>
     );
-  }, [community, setSelectedRoute, selectedRoute]);
+  }, [community, query, selectedRoute]);
 
-  return (
-    <View className="flex-1">
-      <View className="flex flex-col px-4 py-4 z-10">
-        <View className="flex flex-row justify-between">
-          <BackButton />
+  const Header = useCallback(() => {
+    return (
+      <View>
+        <View className="flex flex-col px-4 py-4 z-10 bg-white dark:bg-black-900">
+          <View className="flex flex-row justify-between">
+            <BackButton />
 
-          <IconContainer
-            eventElementId="Community Share Icon"
-            eventName="Community Share Icon Clicked"
-            icon={<ShareIcon />}
-            onPress={handleShare}
-          />
+            <IconContainer
+              eventElementId="Community Share Icon"
+              eventName="Community Share Icon Clicked"
+              icon={<ShareIcon />}
+              onPress={handleShare}
+            />
+          </View>
         </View>
-      </View>
-
-      <View className="px-4">
         <CommunityHeader communityRef={community} />
-        <CommunityMeta communityRef={community} queryRef={query} />
+        <View>
+          <View className="px-4">
+            <CommunityMeta communityRef={community} queryRef={query} />
+          </View>
+          <CommunityTabsHeader
+            communityRef={community}
+            selectedRoute={selectedRoute}
+            onRouteChange={setSelectedRoute}
+          />
+        </View>
       </View>
+    );
+  }, [community, query, selectedRoute]);
 
+  return (
+    <View className="flex-1">
       <View className="flex-grow">
-        <GalleryTabsContainer TabBar={TabBar} ref={containerRef} initialTabName={selectedRoute}>
+        <GalleryTabsContainer
+          // TabBar={TabBar}
+          Header={Header}
+          ref={containerRef}
+          initialTabName={selectedRoute}
+        >
           <Tabs.Tab name="Posts">
             <CommunityViewPostsTab communityRef={community} queryRef={query} />
           </Tabs.Tab>
diff --git a/apps/mobile/src/components/Community/Tabs/CommunityViewPostsTab.tsx b/apps/mobile/src/components/Community/Tabs/CommunityViewPostsTab.tsx
index 180ae84a6e..fb3e412834 100644
--- a/apps/mobile/src/components/Community/Tabs/CommunityViewPostsTab.tsx
+++ b/apps/mobile/src/components/Community/Tabs/CommunityViewPostsTab.tsx
@@ -144,6 +144,11 @@ export function CommunityViewPostsTab({ communityRef, queryRef }: Props) {
     }
   }, [hasPrevious, loadPrevious]);
 
+  const handleScroll = useCallback(
+    (e) => console.log('scrolling', e.nativeEvent.contentOffset.y),
+    []
+  );
+
   if (totalPosts === 0) {
     return (
       <View className="flex-1 pt-16 justify-center">
@@ -189,6 +194,8 @@ export function CommunityViewPostsTab({ communityRef, queryRef }: Props) {
         data={items}
         renderItem={renderItem}
         onEndReached={loadMore}
+        showsVerticalScrollIndicator={false}
+        onScroll={handleScroll}
       />
     </View>
   );