change

@@ -2,8 +2,8 @@
   "devToolsPort": 19002,
   "devToolsPort": 19002,
   "expoServerPort": 19000,
   "expoServerPort": 19000,
   "packagerPort": 19001,
   "packagerPort": 19001,
-  "packagerPid": 28304,
-  "expoServerNgrokUrl": "https://x2-7pb.anonymous.searchguide.exp.direct",
-  "packagerNgrokUrl": "https://packager.x2-7pb.anonymous.searchguide.exp.direct",
-  "ngrokPid": 9432
+  "packagerPid": 21728,
+  "expoServerNgrokUrl": null,
+  "packagerNgrokUrl": null,
+  "ngrokPid": null
 }
 }

 {
 {
-  "hostType": "tunnel",
+  "hostType": "lan",
   "lanType": "ip",
   "lanType": "ip",
   "dev": true,
   "dev": true,
   "minify": false,
   "minify": false,

@@ -19,7 +19,7 @@ const App = () => {
         'Regular' : require('./assets/font/NanumSquareRoundRegular.ttf'),
         'Regular' : require('./assets/font/NanumSquareRoundRegular.ttf'),
       });
       });
       setFontLoaded(true);
       setFontLoaded(true);
-    }
+    } 
     fontLoading();
     fontLoading();
   }, [] )
   }, [] )
 
 

@@ -75,7 +75,7 @@ const styles = StyleSheet.create({
         color: '#696969'
         color: '#696969'
     },
     },
     subtext:{
     subtext:{
-        marginTop:10,
+        marginTop:10, 
         marginBottom: 10,
         marginBottom: 10,
         fontSize: 30,
         fontSize: 30,
         color:'#999999',
         color:'#999999',

@@ -23,7 +23,7 @@ export default RateBar = (props) => {
                     </View>
                     </View>
                 </View>
                 </View>
             </View>
             </View>
-            <StackedBarChart  
+            <StackedBarChart   
             data={ [{
             data={ [{
                 keyword: {
                 keyword: {
                     value: props.score.key,
                     value: props.score.key,

@@ -63,7 +63,7 @@ const styles = StyleSheet.create({
         justifyContent: 'space-around',
         justifyContent: 'space-around',
         width:'100%'
         width:'100%'
     },
     },
-    data:{
+    data:{ 
         fontSize:10,
         fontSize:10,
         textAlign:'center',
         textAlign:'center',
         fontFamily:"Regular",
         fontFamily:"Regular",

@@ -35,7 +35,7 @@ const RateMessage = ({keywordText, score }) => {
  const styles = StyleSheet.create({
  const styles = StyleSheet.create({
     surface: {
     surface: {
         padding: 8,
         padding: 8,
-        flex: 0.3,
+        flex: 0.2,
         width: '95%',
         width: '95%',
         alignItems: 'center',
         alignItems: 'center',
         justifyContent: 'center',
         justifyContent: 'center',

@@ -43,7 +43,7 @@ const RateSentence = ({originalText, fixedText, keywordText }) => {
  const styles = StyleSheet.create({
  const styles = StyleSheet.create({
     surface: {
     surface: {
         padding: 8,
         padding: 8,
-        flex: 0.3,
+        flex: 0.2,
         width: '95%',
         width: '95%',
         alignItems: 'center',
         alignItems: 'center',
         justifyContent: 'center',
         justifyContent: 'center',

@@ -42,7 +42,7 @@ const SearchCard = (props) => (
 
 
 const styles = StyleSheet.create({
 const styles = StyleSheet.create({
   image:{
   image:{
-    width: 45,
+    width: 45, 
     height: 45,
     height: 45,
     borderRadius: 100
     borderRadius: 100
   }
   }