diff --git a/App/FollowApp/asset/img/.img b/App/FollowApp/asset/img/.img
deleted file mode 100644
index e69de29..0000000
diff --git a/App/FollowApp/src/screens/MyCloset/Image/12.png b/App/FollowApp/asset/img/MyCloset/profile.png
similarity index 100%
rename from App/FollowApp/src/screens/MyCloset/Image/12.png
rename to App/FollowApp/asset/img/MyCloset/profile.png
diff --git a/App/FollowApp/src/context/MySelectionContext.js b/App/FollowApp/src/context/MySelectionContext.js
index bb06ddc..fbddd92 100644
--- a/App/FollowApp/src/context/MySelectionContext.js
+++ b/App/FollowApp/src/context/MySelectionContext.js
@@ -3,8 +3,12 @@ import React, {useState, createContext} from 'react';
 const MySelectionContext = createContext({
     state: {top: '', bottom: ''},
     actions: {
-        setTop: () => {},
-        setBottom: () => {},
+        setTop: () => {
+            // this is intentional
+        },
+        setBottom: () => {
+            // this is intentional
+        },
     },
 });
 
diff --git a/App/FollowApp/src/screens/MyCloset/MyClosetScreen.js b/App/FollowApp/src/screens/MyCloset/MyClosetScreen.js
index 33f8ddb..237bae6 100644
--- a/App/FollowApp/src/screens/MyCloset/MyClosetScreen.js
+++ b/App/FollowApp/src/screens/MyCloset/MyClosetScreen.js
@@ -1,76 +1,67 @@
 import React from 'react';
 import {StyleSheet, View, Image, Text, TouchableOpacity} from 'react-native';
+import styled from 'styled-components';
 
 function MyClosetScreen({navigation}) {
     return (
         <View>
-            <View style={styles.upbox} />
+            <View style={styles.upBox} />
 
-            <Image
-                source={require('./Image/12.png')}
-                style={styles.container}
-            />
+            <ProfileContainer>
+                <ProfileImage
+                    source={require('./../../../asset/img/MyCloset/profile.png')}
+                />
+            </ProfileContainer>
 
-            <Text
-                style={{
-                    marginTop: 60,
-                    textAlign: 'center',
-                    fontWeight: 'bold',
-                    fontSize: 20,
-                    color: 'black',
-                }}>
-                주돌이
-            </Text>
+            <Text style={styles.nameText}>주돌이</Text>
 
-            <Text
-                style={{
-                    marginTop: 10,
-                    textAlign: 'center',
-                    fontWeight: 'normal',
-                    fontSize: 15,
-                    color: 'black',
-                }}>
-                jkworldchampion@gamil.com
-            </Text>
+            <Text style={styles.emailText}>jkworldchampion@gamil.com</Text>
             <View
                 style={{flexDirection: 'row', justifyContent: 'space-evenly'}}>
                 <TouchableOpacity
-                    style={styles.BoxButton}
+                    style={styles.boxButton}
                     onPress={() => navigation.navigate('MyClothes')}>
-                    <Text style={styles.Boxtext}>MyCloth</Text>
+                    <Text style={styles.boxText}>MyCloth</Text>
                 </TouchableOpacity>
                 <TouchableOpacity
-                    style={styles.BoxButton}
+                    style={styles.boxButton}
                     onPress={() => navigation.navigate('MyLook')}>
-                    <Text style={styles.Boxtext}>MyLook</Text>
+                    <Text style={styles.boxText}>MyLook</Text>
                 </TouchableOpacity>
             </View>
             <View
                 style={{flexDirection: 'row', justifyContent: 'space-evenly'}}>
                 <TouchableOpacity
-                    style={styles.BoxButton}
+                    style={styles.boxButton}
                     onPress={() => navigation.navigate('MyAvatar')}>
-                    <Text style={styles.Boxtext}>MyAvatar</Text>
+                    <Text style={styles.boxText}>MyAvatar</Text>
                 </TouchableOpacity>
                 <TouchableOpacity
-                    style={styles.BoxButton}
+                    style={styles.boxButton}
                     onPress={() => navigation.navigate('TryOn')}>
-                    <Text style={styles.Boxtext}>TryOn</Text>
+                    <Text style={styles.boxText}>TryOn</Text>
                 </TouchableOpacity>
             </View>
         </View>
     );
 }
 
+const ProfileContainer = styled.View`
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    align-items: center;
+    justify-content: center;
+`;
+const ProfileImage = styled.Image`
+    width: 110px;
+    height: 110px;
+    position: absolute;
+`;
+
 const styles = StyleSheet.create({
-    container: {
-        width: 110,
-        height: 110,
-        position: 'absolute',
-        marginTop: 100,
-        marginLeft: 140,
-    },
-    BoxButton: {
+    boxButton: {
         justifyContent: 'flex-start',
         backgroundColor: 'black',
         padding: 0,
@@ -79,17 +70,31 @@ const styles = StyleSheet.create({
         width: 170,
         height: 150,
     },
-    upbox: {
+    upBox: {
         width: '100%',
         height: '10%',
         backgroundColor: 'black',
     },
-    Boxtext: {
+    boxText: {
         fontSize: 16.5,
         textAlign: 'center',
         marginTop: 60,
         color: 'white',
     },
+    nameText: {
+        marginTop: 60,
+        textAlign: 'center',
+        fontWeight: 'bold',
+        fontSize: 20,
+        color: 'black',
+    },
+    emailText: {
+        marginTop: 10,
+        textAlign: 'center',
+        fontWeight: 'normal',
+        fontSize: 15,
+        color: 'black',
+    },
 });
 
 export default MyClosetScreen;