diff --git a/packages/stack/src/views/Header/HeaderBackground.tsx b/packages/stack/src/views/Header/HeaderBackground.tsx
index 1e7214689d77b8..3d337ac4307450 100644
--- a/packages/stack/src/views/Header/HeaderBackground.tsx
+++ b/packages/stack/src/views/Header/HeaderBackground.tsx
@@ -14,8 +14,13 @@ const styles = StyleSheet.create({
         elevation: 4,
       },
       ios: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: '#A7A7AA',
+        shadowColor: 'rgba(0, 0, 0, 0.3)',
+        shadowOpacity: 0.85,
+        shadowRadius: 0,
+        shadowOffset: {
+          width: 0,
+          height: StyleSheet.hairlineWidth,
+        },
       },
       default: {
         // https://github.com/necolas/react-native-web/issues/44