diff --git a/apps/mobile/app/components/sheets/topic-sheet/index.tsx b/apps/mobile/app/components/sheets/topic-sheet/index.tsx
index b0965a918..b96f48735 100644
--- a/apps/mobile/app/components/sheets/topic-sheet/index.tsx
+++ b/apps/mobile/app/components/sheets/topic-sheet/index.tsx
@@ -263,6 +263,7 @@ export const TopicsSheet = () => {
           index
         );
       }}
+      overlayColor={colors.primary.backdrop}
       closable={!canShow}
       elevation={10}
       indicatorStyle={{
diff --git a/apps/mobile/app/components/ui/sheet/index.js b/apps/mobile/app/components/ui/sheet/index.js
index 070c76397..d2c9048a1 100644
--- a/apps/mobile/app/components/ui/sheet/index.js
+++ b/apps/mobile/app/components/ui/sheet/index.js
@@ -103,7 +103,7 @@ const SheetWrapper = ({
         keyboardDismissMode="none"
         enableGesturesInScrollView={enableGesturesInScrollView}
         defaultOverlayOpacity={overlayOpacity}
-        overlayColor={pitchBlack ? "#585858" : "#2b2b2b"}
+        overlayColor={colors.primary.backdrop}
         keyboardShouldPersistTaps="always"
         openAnimationConfig={{
           friction: 9