diff --git a/components/TopicInputComponent.js b/components/TopicInputComponent.js
index 6032bed..2858b9b 100644
--- a/components/TopicInputComponent.js
+++ b/components/TopicInputComponent.js
@@ -29,7 +29,7 @@ class TopicInput extends Component {
                     onChangeText={(text) => {
                         this.props.setTopic(text)
                     }}
-                    style={[Styles.topic, Styles.border]}
+                    style={[Styles.topicWhite, Styles.border]}
                 />
             </View>
         )
diff --git a/pages/ReportProblemPage.js b/pages/ReportProblemPage.js
index 9e390d6..1294ceb 100644
--- a/pages/ReportProblemPage.js
+++ b/pages/ReportProblemPage.js
@@ -31,9 +31,11 @@ class ReportProblem extends Component {
 
     render() {
         return (
-            <View>
+            <View style={Styles.bg}>
+                <View style={Styles.topicGray} />
                 <TopicInput />
                 <Catagory />
+                <View style={Styles.topicGray} />
                 <Desciption />
             </View>
         )
diff --git a/styles/reportProblemStyle.js b/styles/reportProblemStyle.js
index 9d4b806..05184f2 100644
--- a/styles/reportProblemStyle.js
+++ b/styles/reportProblemStyle.js
@@ -9,12 +9,20 @@ const styles = StyleSheet.create({
         borderWidth : 1,
         borderColor : "#efefef"
     },
-    topic: {
-        height : Dimensions.get('screen').height * 0.1
+    topicGray: {
+        height : Dimensions.get('screen').height * 0.05,
+    },
+    topicWhite: {
+        height : Dimensions.get('screen').height * 0.07,
+        justifyContent: 'center'
     },
     addButon: {
         color: "#1b94f1",
         marginRight: 10
+    },
+    bg: {
+        backgroundColor: '#ECEFF1',
+        flex:1
     }
 })