diff --git a/src/screens/Harbor/ProcessStake/components/StakedBalanceInfo/styles.tsx b/src/screens/Harbor/ProcessStake/components/StakedBalanceInfo/styles.tsx
index b8d1c139..2a4cd493 100644
--- a/src/screens/Harbor/ProcessStake/components/StakedBalanceInfo/styles.tsx
+++ b/src/screens/Harbor/ProcessStake/components/StakedBalanceInfo/styles.tsx
@@ -5,7 +5,8 @@ import { scale } from '@utils';
 
 export const styles = StyleSheet.create({
   container: {
-    ...contentBox
+    ...contentBox,
+    backgroundColor: COLORS.neutral0
   },
   textStyle: {
     color: COLORS.neutral900,
diff --git a/src/screens/Harbor/ProcessStake/styles.tsx b/src/screens/Harbor/ProcessStake/styles.tsx
index 35108691..023c1185 100644
--- a/src/screens/Harbor/ProcessStake/styles.tsx
+++ b/src/screens/Harbor/ProcessStake/styles.tsx
@@ -1,11 +1,13 @@
 import { StyleSheet } from 'react-native';
+import { COLORS } from '@constants/colors';
 import { scale } from '@utils';
 
 export const styles = StyleSheet.create({
   main: { height: '100%' },
   wrapper: {
     paddingHorizontal: scale(12),
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    backgroundColor: COLORS.neutral50
   },
   stakeInfoText: {
     paddingHorizontal: scale(2),
diff --git a/src/screens/Harbor/WithdrawHarborScreen/styles.tsx b/src/screens/Harbor/WithdrawHarborScreen/styles.tsx
index f654f839..8f07bbf0 100644
--- a/src/screens/Harbor/WithdrawHarborScreen/styles.tsx
+++ b/src/screens/Harbor/WithdrawHarborScreen/styles.tsx
@@ -1,8 +1,10 @@
 import { StyleSheet } from 'react-native';
+import { COLORS } from '@constants/colors';
 
 export const styles = StyleSheet.create({
   main: {
-    height: '100%'
+    height: '100%',
+    backgroundColor: COLORS.neutral50
   },
   container: {
     justifyContent: 'space-between'