diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/App.jsx b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/App.jsx
index 6ba02176e5..58002cfb62 100644
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/App.jsx
+++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/App.jsx
@@ -71,7 +71,6 @@ class Base extends Component {
         if (this.state.user) {
             return (
                 <div className="container">
-                    <MuiThemeProvider muiTheme={muiTheme}>
                     <BaseLayout>
                         <Switch>
                             <Redirect exact path={"/"} to={"/assets/apps"}/>
@@ -88,7 +87,6 @@ class Base extends Component {
                             <Route component={NotFound}/>
                         </Switch>
                     </BaseLayout>
-                    </MuiThemeProvider>
                 </div>
             )
         }
@@ -106,6 +104,7 @@ class Publisher extends Component {
     render() {
         return (
             <div className="App">
+                <MuiThemeProvider muiTheme={muiTheme}>
                 <Router basename="publisher" history={history}>
                     <Switch>
                         <Route path="/login" component={Login}/>
@@ -113,6 +112,7 @@ class Publisher extends Component {
                         <Route component={Base}/>
                     </Switch>
                 </Router>
+                </MuiThemeProvider>
             </div>
         );
     }
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/index.js
index e94b572737..025a12afbe 100644
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/index.js
+++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/index.js
@@ -21,10 +21,9 @@ import React from 'react';
 import Publisher from './App';
 import ReactDOM from 'react-dom';
 import registerServiceWorker from './registerServiceWorker';
-import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
 
 /**
  * This is the base js file of the app. All the content will be rendered in the root element.
  * */
-ReactDOM.render(<MuiThemeProvider><Publisher/></MuiThemeProvider>, document.getElementById('root'));
+ReactDOM.render(<Publisher/>, document.getElementById('root'));
 registerServiceWorker();