diff --git a/twistter-frontend/src/App.js b/twistter-frontend/src/App.js
index 2725cc5..f7c6c32 100644
--- a/twistter-frontend/src/App.js
+++ b/twistter-frontend/src/App.js
@@ -2,10 +2,13 @@
 import React, { Component } from 'react';
 
 import './App.css';
+import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider';
+import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
 
 import { BrowserRouter as Router } from 'react-router-dom';
 import Route from 'react-router-dom/Route';
 import Navbar from './components/layout/NavBar';
+import themeObject from './util/theme';
 
 import home from './pages/Home';
 import register from './pages/Register';
@@ -16,10 +19,13 @@ import writeMicroblog from './Writing_Microblogs.js';
 import edit from './pages/edit.js';
 import userLine from './Userline.js';
 
+const theme = createMuiTheme(themeObject);
+
 class App extends Component {
   render() {
     return (
-      <Router>
+      <MuiThemeProvider theme={theme}>
+        <Router>
         <div className='container' >
           <Navbar />
         </div>
@@ -34,6 +40,7 @@ class App extends Component {
         </div>
 
       </Router>
+      </MuiThemeProvider>
     );
   }
 }
diff --git a/twistter-frontend/src/util/theme.js b/twistter-frontend/src/util/theme.js
index 135bffc..38622a6 100644
--- a/twistter-frontend/src/util/theme.js
+++ b/twistter-frontend/src/util/theme.js
@@ -94,4 +94,4 @@ export default {
         margin: '20px 10px'
       }
     }
-  };
\ No newline at end of file
+  };