diff --git a/src/container/FriendProfileScreen/Details/Friends.js b/src/container/FriendProfileScreen/Details/Friends.js
index c820970..5682170 100644
--- a/src/container/FriendProfileScreen/Details/Friends.js
+++ b/src/container/FriendProfileScreen/Details/Friends.js
@@ -1,6 +1,5 @@
 import React, { Component } from "react";
-import { Text, Body, Card, CardItem, Icon } from "native-base";
-import { View } from "react-native";
+import { Text, Card, CardItem, Icon } from "native-base";
 
 class Friends extends Component {
   render() {
diff --git a/src/container/FriendProfileScreen/Details/Intro.js b/src/container/FriendProfileScreen/Details/Intro.js
index c6341e8..cf1ff10 100644
--- a/src/container/FriendProfileScreen/Details/Intro.js
+++ b/src/container/FriendProfileScreen/Details/Intro.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { Text, Content, Card, CardItem, Icon } from "native-base";
+import { Text, Card, CardItem, Icon } from "native-base";
 
 class Intro extends Component {
   render() {
diff --git a/src/container/FriendProfileScreen/Details/Setting.js b/src/container/FriendProfileScreen/Details/Setting.js
index e5ca713..6839087 100644
--- a/src/container/FriendProfileScreen/Details/Setting.js
+++ b/src/container/FriendProfileScreen/Details/Setting.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { Text, Icon, Button, Card, CardItem } from "native-base";
+import { Text, Icon, Button, Card, CardItem, Title, Body, Left, Right, Container, Header } from "native-base";
 import { View, Modal } from "react-native";
 import { connect } from "react-redux";
 import SettingOptions from "./SettingOptions";
@@ -34,10 +34,10 @@ class Setting extends Component {
     if (info.username === userInfo.username) {
       return (
         <Card style={{ margin: 10 }}>
-          <CardItem style={{flexDirection:"column"}}>
+          <CardItem style={{ flexDirection: "column" }}>
             <Modal animationType="slide" transparent={false} visible={this.state.modalVisible}>
-              <View style={{ marginTop: 22 }}>
-                <View>
+              <Header style={{ marginTop: 22 }}>
+                <Left>
                   <Button
                     transparent
                     info
@@ -47,10 +47,16 @@ class Setting extends Component {
                   >
                     <Icon name="ios-backspace-outline" />
                   </Button>
+                </Left>
+                <Body>
+                  <Title> Cập nhật </Title>
+                </Body>
+                <Right />
+              </Header>
 
-                  <SettingOptions close={close} />
-                </View>
-              </View>
+              <Container>
+                <SettingOptions close={close} />
+              </Container>
             </Modal>
             <Button iconLeft light onPress={this.edit.bind(this)}>
               <Icon name="ios-construct-outline" />
diff --git a/src/container/FriendProfileScreen/Details/SettingOptions.js b/src/container/FriendProfileScreen/Details/SettingOptions.js
index e412af7..b9cc75d 100644
--- a/src/container/FriendProfileScreen/Details/SettingOptions.js
+++ b/src/container/FriendProfileScreen/Details/SettingOptions.js
@@ -94,7 +94,7 @@ class SettingOptions extends Component {
         ))
       : null;
     return (
-      <ScrollView style={{ margin: 20 }}>
+      <ScrollView style={{ margin: 20 }} showsHorizontalScrollIndicator={false}>
         <Item inlineLabel>
           <Input
             value={this.state.lastName}
diff --git a/src/navigator/badges.js b/src/navigator/badges.js
index b7b6845..49f94e6 100644
--- a/src/navigator/badges.js
+++ b/src/navigator/badges.js
@@ -7,7 +7,6 @@ import { graphql, compose, withApollo } from "react-apollo";
 import NOTIFICATION_ADDED_SUBSCRIPTION from "../graphql/subscriptions/notificationAdded";
 import update from "immutability-helper";
 
-import { counting } from "./action";
 import ME_QUERY from "../graphql/queries/me";
 
 class NotificationNumber extends Component {
