diff --git a/ts/components/common/animate/Header.js b/ts/components/common/animate/Header.js
index ab278dd..d2023ff 100644
--- a/ts/components/common/animate/Header.js
+++ b/ts/components/common/animate/Header.js
@@ -7,15 +7,13 @@ import {
   TouchableOpacity,
 } from 'react-native';
 
-import {isIphoneX} from 'react-native-iphone-x-helper';
+import {STATUSBAR_HEIGHT} from '@/utils/Utils';
 
 const ios = Platform.OS === 'ios';
-const isIphoneX_ = isIphoneX();
-const iphoneXTopInset = 24;
 const initToolbarHeight = ios ? 46 : 56;
 
 const paddingTop = ios ? 18 : 0;
-const topInset = isIphoneX_ ? iphoneXTopInset : 0;
+const topInset = STATUSBAR_HEIGHT;
 
 const toolbarHeight = initToolbarHeight + topInset + paddingTop;
 
diff --git a/ts/page/discover/CategoryDetailPage.tsx b/ts/page/discover/CategoryDetailPage.tsx
index 4497c72..b69660d 100644
--- a/ts/page/discover/CategoryDetailPage.tsx
+++ b/ts/page/discover/CategoryDetailPage.tsx
@@ -92,6 +92,7 @@ function CategoryDetailPage(props: IProps) {
       title={props.route.params.item.name}
       renderLeft={backIcon}
       headerMaxHeight={200}
+      noBorder={true}
       imageSource={{
         uri: props.route.params.item.headerImage,
       }}