diff --git a/app/(auth)/intro.tsx b/app/(auth)/intro.tsx
index 96442e1..d123a90 100644
--- a/app/(auth)/intro.tsx
+++ b/app/(auth)/intro.tsx
@@ -1,4 +1,4 @@
-import {Image, ScrollView, View} from 'react-native';
+import {ScrollView, View} from 'react-native';
 import * as WebBrowser from 'expo-web-browser';
 
 import styled, {css} from '@emotion/native';
@@ -11,6 +11,7 @@ import {t} from '../../src/STRINGS';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import ButtonSocialSignIn from '../../src/components/uis/ButtonSocialSignIn';
 import {useWarmUpBrowser} from '../../src/hooks/useWarmUpBrowser';
+import {Image} from 'expo-image';
 
 WebBrowser.maybeCompleteAuthSession();
 
@@ -97,6 +98,8 @@ export default function Intro(): JSX.Element {
             source={IMG_CROSSPLATFORMS}
             style={css`
               margin-top: 24px;
+              width: 330px;
+              height: 260px;
             `}
           />
           <View
diff --git a/app/(home)/(tabs)/my.tsx b/app/(home)/(tabs)/my.tsx
index 3c565c8..8aa34d3 100644
--- a/app/(home)/(tabs)/my.tsx
+++ b/app/(home)/(tabs)/my.tsx
@@ -12,6 +12,7 @@ import {openURL} from '../../../src/utils/common';
 import DoobooStats from '../../../src/components/fragments/DoobooStats';
 import ErrorBoundary from 'react-native-error-boundary';
 import FallbackComponent from '../../../src/components/uis/FallbackComponent';
+import {Image} from 'expo-image';
 
 const Container = styled.SafeAreaView`
   flex: 1;
@@ -30,7 +31,7 @@ const Content = styled.View`
   padding: 16px;
 `;
 
-const UserAvatar = styled.Image`
+const UserAvatar = styled(Image)`
   width: 120px;
   height: 120px;
   border-radius: 60px;
diff --git a/app/(home)/user/[displayName].tsx b/app/(home)/user/[displayName].tsx
index 1074dfa..e7c95da 100644
--- a/app/(home)/user/[displayName].tsx
+++ b/app/(home)/user/[displayName].tsx
@@ -21,6 +21,7 @@ import {
   fetchIsAFollowing,
 } from '../../../src/apis/followQueries';
 import useSupabase from '../../../src/hooks/useSupabase';
+import {Image} from 'expo-image';
 
 const Container = styled.SafeAreaView`
   flex: 1;
@@ -39,7 +40,7 @@ const Content = styled.View`
   padding: 16px;
 `;
 
-const UserAvatar = styled.Image`
+const UserAvatar = styled(Image)`
   width: 120px;
   height: 120px;
   border-radius: 60px;
diff --git a/src/components/uis/ButtonSocialSignIn/ButtonSocialSignInView.tsx b/src/components/uis/ButtonSocialSignIn/ButtonSocialSignInView.tsx
index 38473d9..35879c5 100644
--- a/src/components/uis/ButtonSocialSignIn/ButtonSocialSignInView.tsx
+++ b/src/components/uis/ButtonSocialSignIn/ButtonSocialSignInView.tsx
@@ -5,9 +5,10 @@ import type {
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import {Image, TouchableOpacity} from 'react-native';
+import {TouchableOpacity} from 'react-native';
 import styled from '@emotion/native';
 import {LoadingIndicator, Typography, useDooboo} from 'dooboo-ui';
+import {Image} from 'expo-image';
 
 type Props = {
   style?: StyleProp<ViewStyle>;
@@ -47,7 +48,7 @@ export default function SocialSignInButton({
     <TouchableOpacity activeOpacity={0.8} onPress={onPress}>
       <Container style={style}>
         {loading ? (
-          <LoadingIndicator size="small" color={theme.text.placeholder}/>
+          <LoadingIndicator size="small" color={theme.text.placeholder} />
         ) : (
           <>
             {leftElement ? (
diff --git a/src/components/uis/PostListItem.tsx b/src/components/uis/PostListItem.tsx
index 41bc2d0..ba9a790 100644
--- a/src/components/uis/PostListItem.tsx
+++ b/src/components/uis/PostListItem.tsx
@@ -2,9 +2,8 @@ import styled, {css} from '@emotion/native';
 import {Hr, Icon, Typography, useDooboo} from 'dooboo-ui';
 import type {Image, Post, User} from '../../types';
 import {formatDateTime} from '../../utils/date';
-import {TouchableOpacity} from 'react-native-gesture-handler';
 import UserListItem from './UserListItem';
-import {View} from 'react-native';
+import {TouchableOpacity, View} from 'react-native';
 import ControlItem, {ControlItemProps} from './ControlItem';
 import {Image as ExpoImage} from 'expo-image';
 import {useRecoilValue} from 'recoil';
diff --git a/src/components/uis/Scouter/Score.tsx b/src/components/uis/Scouter/Score.tsx
index 1893041..7a1fea2 100644
--- a/src/components/uis/Scouter/Score.tsx
+++ b/src/components/uis/Scouter/Score.tsx
@@ -9,6 +9,7 @@ import {
   IC_TIER_PLATINUM,
   IC_TIER_SILVER,
 } from '../../../icons';
+import {Image} from 'expo-image';
 
 const Container = styled.View`
   align-self: stretch;
@@ -33,7 +34,7 @@ const ScoreView = styled.View`
   align-items: center;
 `;
 
-const StyledImage = styled.Image`
+const StyledImage = styled(Image)`
   width: 32px;
   height: 32px;
   margin-right: 8px;