diff --git a/twistter-frontend/src/App.css b/twistter-frontend/src/App.css
index 5935fb8..6b2ecb1 100644
--- a/twistter-frontend/src/App.css
+++ b/twistter-frontend/src/App.css
@@ -45,4 +45,5 @@
 .container {
   margin: 80px auto 0 auto;
   max-width: 1200px;
+  color: #1da1f2;
 }
\ No newline at end of file
diff --git a/twistter-frontend/src/App.js b/twistter-frontend/src/App.js
index 44f3e12..57c7672 100644
--- a/twistter-frontend/src/App.js
+++ b/twistter-frontend/src/App.js
@@ -19,7 +19,7 @@ class App extends Component {
   render() {
     return (
       <Router>
-        <div className='container'>
+        <div className='container' >
           <Navbar />
         </div>
 
diff --git a/twistter-frontend/src/pages/Home.js b/twistter-frontend/src/pages/Home.js
index dfd653c..43bf100 100644
--- a/twistter-frontend/src/pages/Home.js
+++ b/twistter-frontend/src/pages/Home.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import './App.css';
+import '../App.css';
 
-import logo from './images/twistter-logo.png';
+import logo from '../images/twistter-logo.png';
 
 
 class Home extends Component {
diff --git a/twistter-frontend/src/pages/Register.js b/twistter-frontend/src/pages/Register.js
index c67d8c2..3d5db00 100644
--- a/twistter-frontend/src/pages/Register.js
+++ b/twistter-frontend/src/pages/Register.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import './App.css';
+import '../App.css';
 
-import logo from './images/twistter-logo.png';
+import logo from '../images/twistter-logo.png';
 import TextField from '@material-ui/core/TextField';
 
 class Register extends Component {